When i am removing a data from firebase using react js it deletes the data and one null value is entered. How...












-1















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










share|improve this question

























  • 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











  • 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
















-1















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










share|improve this question

























  • 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











  • 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














-1












-1








-1


1






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










share|improve this question
















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






share|improve this question















share|improve this question













share|improve this question




share|improve this question








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 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











  • 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











  • 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












1 Answer
1






active

oldest

votes


















0














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






share|improve this answer























    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
    });


    }
    });














    draft saved

    draft discarded


















    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









    0














    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






    share|improve this answer




























      0














      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






      share|improve this answer


























        0












        0








        0







        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






        share|improve this answer













        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







        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered Jan 4 at 17:44









        Imteyaz AshrafImteyaz Ashraf

        13




        13
































            draft saved

            draft discarded




















































            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.




            draft saved


            draft discarded














            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





















































            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







            Popular posts from this blog

            'app-layout' is not a known element: how to share Component with different Modules

            android studio warns about leanback feature tag usage required on manifest while using Unity exported app?

            WPF add header to Image with URL pettitions [duplicate]