When i am removing a data from firebase using react js it deletes the data and one null value is entered. How...
While deleting the data from firebase database null value is getting inserted into firebase.
deleteImag = e => {
const val = e.target.value;
var x = '';
const rootRef = fire.database().ref();
const fooRef = rootRef.child(`assets/${this.state.id}`);
fooRef.on("value", snap => {
const foo = snap.val();
if (foo !== null) {
Object.keys(foo).forEach(key => {
if (foo[key].id = val) {
console.log(key);
x = key;
// The Object is foo[key]
var res = null;
console.log(foo[key].id);
fire.database().ref(`assets/${this.state.id}/${x}`).remove();
}
});
}
});
};
JSON:
{
"hero" : {
"img" : "http://aws-website-testing-slv0n.s3-website-us-east-1.amazonaws.com/images/CornHole3.jpg"
},
"id" : "urn:microsense:cms:asset:80c71fdb-0d32-41de-8170-8e35409b8e63",
"purpose" : "activity",
"thumbnail" : {
"img" : "http://aws-website-testing-slv0n.s3-website-us-east-1.amazonaws.com/images/CornHole3.jpg"
}
}, null, null, {
enter image description here
javascript reactjs firebase firebase-realtime-database
|
show 4 more comments
While deleting the data from firebase database null value is getting inserted into firebase.
deleteImag = e => {
const val = e.target.value;
var x = '';
const rootRef = fire.database().ref();
const fooRef = rootRef.child(`assets/${this.state.id}`);
fooRef.on("value", snap => {
const foo = snap.val();
if (foo !== null) {
Object.keys(foo).forEach(key => {
if (foo[key].id = val) {
console.log(key);
x = key;
// The Object is foo[key]
var res = null;
console.log(foo[key].id);
fire.database().ref(`assets/${this.state.id}/${x}`).remove();
}
});
}
});
};
JSON:
{
"hero" : {
"img" : "http://aws-website-testing-slv0n.s3-website-us-east-1.amazonaws.com/images/CornHole3.jpg"
},
"id" : "urn:microsense:cms:asset:80c71fdb-0d32-41de-8170-8e35409b8e63",
"purpose" : "activity",
"thumbnail" : {
"img" : "http://aws-website-testing-slv0n.s3-website-us-east-1.amazonaws.com/images/CornHole3.jpg"
}
}, null, null, {
enter image description here
javascript reactjs firebase firebase-realtime-database
I don't see anynull
value in your database. Can you point out what specific value is being written when you callremove()
?
– Frank van Puffelen
Jan 2 at 15:21
When I call remove() null is getting inserted at the removed node place. It's not reflected here once I export the data in json from Firebase there I find it.
– Imteyaz Ashraf
Jan 2 at 18:21
In that case please replace the screenshot with the actual JSON that shows the problematic value that you're asking about.
– Frank van Puffelen
Jan 2 at 19:05
@FrankvanPuffelen sir i have attached the json image please help me out.
– Imteyaz Ashraf
Jan 2 at 21:50
My initial feeling is that these elements are in an array, in which case you're seeing Firebase's handling of arrays. Can you replace the screenshot with the actual JSON as text, and make sure the containing element is also in there? You can get this by clicking the "Export JSON" link in the overflow menu (⠇) on your Firebase Database console.
– Frank van Puffelen
Jan 3 at 0:00
|
show 4 more comments
While deleting the data from firebase database null value is getting inserted into firebase.
deleteImag = e => {
const val = e.target.value;
var x = '';
const rootRef = fire.database().ref();
const fooRef = rootRef.child(`assets/${this.state.id}`);
fooRef.on("value", snap => {
const foo = snap.val();
if (foo !== null) {
Object.keys(foo).forEach(key => {
if (foo[key].id = val) {
console.log(key);
x = key;
// The Object is foo[key]
var res = null;
console.log(foo[key].id);
fire.database().ref(`assets/${this.state.id}/${x}`).remove();
}
});
}
});
};
JSON:
{
"hero" : {
"img" : "http://aws-website-testing-slv0n.s3-website-us-east-1.amazonaws.com/images/CornHole3.jpg"
},
"id" : "urn:microsense:cms:asset:80c71fdb-0d32-41de-8170-8e35409b8e63",
"purpose" : "activity",
"thumbnail" : {
"img" : "http://aws-website-testing-slv0n.s3-website-us-east-1.amazonaws.com/images/CornHole3.jpg"
}
}, null, null, {
enter image description here
javascript reactjs firebase firebase-realtime-database
While deleting the data from firebase database null value is getting inserted into firebase.
deleteImag = e => {
const val = e.target.value;
var x = '';
const rootRef = fire.database().ref();
const fooRef = rootRef.child(`assets/${this.state.id}`);
fooRef.on("value", snap => {
const foo = snap.val();
if (foo !== null) {
Object.keys(foo).forEach(key => {
if (foo[key].id = val) {
console.log(key);
x = key;
// The Object is foo[key]
var res = null;
console.log(foo[key].id);
fire.database().ref(`assets/${this.state.id}/${x}`).remove();
}
});
}
});
};
JSON:
{
"hero" : {
"img" : "http://aws-website-testing-slv0n.s3-website-us-east-1.amazonaws.com/images/CornHole3.jpg"
},
"id" : "urn:microsense:cms:asset:80c71fdb-0d32-41de-8170-8e35409b8e63",
"purpose" : "activity",
"thumbnail" : {
"img" : "http://aws-website-testing-slv0n.s3-website-us-east-1.amazonaws.com/images/CornHole3.jpg"
}
}, null, null, {
enter image description here
javascript reactjs firebase firebase-realtime-database
javascript reactjs firebase firebase-realtime-database
edited Jan 3 at 13:55
Frank van Puffelen
243k29387414
243k29387414
asked Jan 2 at 11:25
Imteyaz AshrafImteyaz Ashraf
13
13
I don't see anynull
value in your database. Can you point out what specific value is being written when you callremove()
?
– Frank van Puffelen
Jan 2 at 15:21
When I call remove() null is getting inserted at the removed node place. It's not reflected here once I export the data in json from Firebase there I find it.
– Imteyaz Ashraf
Jan 2 at 18:21
In that case please replace the screenshot with the actual JSON that shows the problematic value that you're asking about.
– Frank van Puffelen
Jan 2 at 19:05
@FrankvanPuffelen sir i have attached the json image please help me out.
– Imteyaz Ashraf
Jan 2 at 21:50
My initial feeling is that these elements are in an array, in which case you're seeing Firebase's handling of arrays. Can you replace the screenshot with the actual JSON as text, and make sure the containing element is also in there? You can get this by clicking the "Export JSON" link in the overflow menu (⠇) on your Firebase Database console.
– Frank van Puffelen
Jan 3 at 0:00
|
show 4 more comments
I don't see anynull
value in your database. Can you point out what specific value is being written when you callremove()
?
– Frank van Puffelen
Jan 2 at 15:21
When I call remove() null is getting inserted at the removed node place. It's not reflected here once I export the data in json from Firebase there I find it.
– Imteyaz Ashraf
Jan 2 at 18:21
In that case please replace the screenshot with the actual JSON that shows the problematic value that you're asking about.
– Frank van Puffelen
Jan 2 at 19:05
@FrankvanPuffelen sir i have attached the json image please help me out.
– Imteyaz Ashraf
Jan 2 at 21:50
My initial feeling is that these elements are in an array, in which case you're seeing Firebase's handling of arrays. Can you replace the screenshot with the actual JSON as text, and make sure the containing element is also in there? You can get this by clicking the "Export JSON" link in the overflow menu (⠇) on your Firebase Database console.
– Frank van Puffelen
Jan 3 at 0:00
I don't see any
null
value in your database. Can you point out what specific value is being written when you call remove()
?– Frank van Puffelen
Jan 2 at 15:21
I don't see any
null
value in your database. Can you point out what specific value is being written when you call remove()
?– Frank van Puffelen
Jan 2 at 15:21
When I call remove() null is getting inserted at the removed node place. It's not reflected here once I export the data in json from Firebase there I find it.
– Imteyaz Ashraf
Jan 2 at 18:21
When I call remove() null is getting inserted at the removed node place. It's not reflected here once I export the data in json from Firebase there I find it.
– Imteyaz Ashraf
Jan 2 at 18:21
In that case please replace the screenshot with the actual JSON that shows the problematic value that you're asking about.
– Frank van Puffelen
Jan 2 at 19:05
In that case please replace the screenshot with the actual JSON that shows the problematic value that you're asking about.
– Frank van Puffelen
Jan 2 at 19:05
@FrankvanPuffelen sir i have attached the json image please help me out.
– Imteyaz Ashraf
Jan 2 at 21:50
@FrankvanPuffelen sir i have attached the json image please help me out.
– Imteyaz Ashraf
Jan 2 at 21:50
My initial feeling is that these elements are in an array, in which case you're seeing Firebase's handling of arrays. Can you replace the screenshot with the actual JSON as text, and make sure the containing element is also in there? You can get this by clicking the "Export JSON" link in the overflow menu (⠇) on your Firebase Database console.
– Frank van Puffelen
Jan 3 at 0:00
My initial feeling is that these elements are in an array, in which case you're seeing Firebase's handling of arrays. Can you replace the screenshot with the actual JSON as text, and make sure the containing element is also in there? You can get this by clicking the "Export JSON" link in the overflow menu (⠇) on your Firebase Database console.
– Frank van Puffelen
Jan 3 at 0:00
|
show 4 more comments
1 Answer
1
active
oldest
votes
There was array issue. When we remove an array in Firebase it replace that element with null. So the above article was helpful for me. Thanks
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54005481%2fwhen-i-am-removing-a-data-from-firebase-using-react-js-it-deletes-the-data-and-o%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
There was array issue. When we remove an array in Firebase it replace that element with null. So the above article was helpful for me. Thanks
add a comment |
There was array issue. When we remove an array in Firebase it replace that element with null. So the above article was helpful for me. Thanks
add a comment |
There was array issue. When we remove an array in Firebase it replace that element with null. So the above article was helpful for me. Thanks
There was array issue. When we remove an array in Firebase it replace that element with null. So the above article was helpful for me. Thanks
answered Jan 4 at 17:44
Imteyaz AshrafImteyaz Ashraf
13
13
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54005481%2fwhen-i-am-removing-a-data-from-firebase-using-react-js-it-deletes-the-data-and-o%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
I don't see any
null
value in your database. Can you point out what specific value is being written when you callremove()
?– Frank van Puffelen
Jan 2 at 15:21
When I call remove() null is getting inserted at the removed node place. It's not reflected here once I export the data in json from Firebase there I find it.
– Imteyaz Ashraf
Jan 2 at 18:21
In that case please replace the screenshot with the actual JSON that shows the problematic value that you're asking about.
– Frank van Puffelen
Jan 2 at 19:05
@FrankvanPuffelen sir i have attached the json image please help me out.
– Imteyaz Ashraf
Jan 2 at 21:50
My initial feeling is that these elements are in an array, in which case you're seeing Firebase's handling of arrays. Can you replace the screenshot with the actual JSON as text, and make sure the containing element is also in there? You can get this by clicking the "Export JSON" link in the overflow menu (⠇) on your Firebase Database console.
– Frank van Puffelen
Jan 3 at 0:00