Image path and remove attribute not working?How do JavaScript closures work?How do I remove a property from a JavaScript object?How does JavaScript .prototype work?How does the “this” keyword work?Remove element by idHow do I remove a key from a JavaScript object?Preview an image before it is uploadedHow do I remove a particular element from an array in JavaScript?How does data binding work in AngularJS?Html Canvas : difference between width/height attribute and width/height style

Can we compute the area of a quadrilateral with one right angle when we only know the lengths of any three sides?

Am I breaking OOP practice with this architecture?

Would Slavery Reparations be considered Bills of Attainder and hence Illegal?

How do I handle a potential work/personal life conflict as the manager of one of my friends?

Is this a hacking script in function.php?

iPad being using in wall mount battery swollen

Is it acceptable for a professor to tell male students to not think that they are smarter than female students?

Why didn't Boeing produce its own regional jet?

What type of content (depth/breadth) is expected for a short presentation for Asst Professor interview in the UK?

ssTTsSTtRrriinInnnnNNNIiinngg

Determining Impedance With An Antenna Analyzer

Is there a hemisphere-neutral way of specifying a season?

Is there an expression that means doing something right before you will need it rather than doing it in case you might need it?

What are some good books on Machine Learning and AI like Krugman, Wells and Graddy's "Essentials of Economics"

Why does this cyclic subgroup have only 4 subgroups?

Unable to supress ligatures in headings which are set in Caps

Do UK voters know if their MP will be the Speaker of the House?

How can saying a song's name be a copyright violation?

Why do bosons tend to occupy the same state?

What method can I use to design a dungeon difficult enough that the PCs can't make it through without killing them?

Can my sorcerer use a spellbook only to collect spells and scribe scrolls, not cast?

What reasons are there for a Capitalist to oppose a 100% inheritance tax?

Is it possible to create a QR code using text?

Avoiding the "not like other girls" trope?



Image path and remove attribute not working?


How do JavaScript closures work?How do I remove a property from a JavaScript object?How does JavaScript .prototype work?How does the “this” keyword work?Remove element by idHow do I remove a key from a JavaScript object?Preview an image before it is uploadedHow do I remove a particular element from an array in JavaScript?How does data binding work in AngularJS?Html Canvas : difference between width/height attribute and width/height style













-1















I'm working on a ReactJs app and I'm new in the complete React theme, right now I'm facing two problems.



The first one is that I cannot read the path of an image, bellow is my folder structure.



enter image description here



I want to call the image from the Login.jsx file, I tried.



<Image src = "../assets/images/SiteLogo.png" fluid />


But it does not seem to work



The other problem I'm experiencing is with react-particle-js, when I tried to remove the width and height attribute the canvas have, nothing happens.



I remove the style properties, but I cannot remove the attributes.



Here is my code:



let canvas = document.querySelector("canvas");
canvas.style.removeProperty("width");
canvas.style.removeProperty("height");
canvas.removeAttribute("width");
canvas.removeAttribute("height");









share|improve this question


























    -1















    I'm working on a ReactJs app and I'm new in the complete React theme, right now I'm facing two problems.



    The first one is that I cannot read the path of an image, bellow is my folder structure.



    enter image description here



    I want to call the image from the Login.jsx file, I tried.



    <Image src = "../assets/images/SiteLogo.png" fluid />


    But it does not seem to work



    The other problem I'm experiencing is with react-particle-js, when I tried to remove the width and height attribute the canvas have, nothing happens.



    I remove the style properties, but I cannot remove the attributes.



    Here is my code:



    let canvas = document.querySelector("canvas");
    canvas.style.removeProperty("width");
    canvas.style.removeProperty("height");
    canvas.removeAttribute("width");
    canvas.removeAttribute("height");









    share|improve this question
























      -1












      -1








      -1








      I'm working on a ReactJs app and I'm new in the complete React theme, right now I'm facing two problems.



      The first one is that I cannot read the path of an image, bellow is my folder structure.



      enter image description here



      I want to call the image from the Login.jsx file, I tried.



      <Image src = "../assets/images/SiteLogo.png" fluid />


      But it does not seem to work



      The other problem I'm experiencing is with react-particle-js, when I tried to remove the width and height attribute the canvas have, nothing happens.



      I remove the style properties, but I cannot remove the attributes.



      Here is my code:



      let canvas = document.querySelector("canvas");
      canvas.style.removeProperty("width");
      canvas.style.removeProperty("height");
      canvas.removeAttribute("width");
      canvas.removeAttribute("height");









      share|improve this question














      I'm working on a ReactJs app and I'm new in the complete React theme, right now I'm facing two problems.



      The first one is that I cannot read the path of an image, bellow is my folder structure.



      enter image description here



      I want to call the image from the Login.jsx file, I tried.



      <Image src = "../assets/images/SiteLogo.png" fluid />


      But it does not seem to work



      The other problem I'm experiencing is with react-particle-js, when I tried to remove the width and height attribute the canvas have, nothing happens.



      I remove the style properties, but I cannot remove the attributes.



      Here is my code:



      let canvas = document.querySelector("canvas");
      canvas.style.removeProperty("width");
      canvas.style.removeProperty("height");
      canvas.removeAttribute("width");
      canvas.removeAttribute("height");






      javascript reactjs






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Mar 8 at 22:20









      Gabriel GonzalezGabriel Gonzalez

      123




      123






















          1 Answer
          1






          active

          oldest

          votes


















          0














          First problem:



          You can't refer to paths on the local filesystem from a served page, you need to actually serve your assets over HTTP. If you are already doing this, please include the relevant code.



          Second problem:



          Manually manipulated DOM generated by React is a big no-no (your changes will be overwritten when the component renders), you need to configure react-particle-js to not set those properties in the first place






          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%2f55071796%2fimage-path-and-remove-attribute-not-working%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














            First problem:



            You can't refer to paths on the local filesystem from a served page, you need to actually serve your assets over HTTP. If you are already doing this, please include the relevant code.



            Second problem:



            Manually manipulated DOM generated by React is a big no-no (your changes will be overwritten when the component renders), you need to configure react-particle-js to not set those properties in the first place






            share|improve this answer



























              0














              First problem:



              You can't refer to paths on the local filesystem from a served page, you need to actually serve your assets over HTTP. If you are already doing this, please include the relevant code.



              Second problem:



              Manually manipulated DOM generated by React is a big no-no (your changes will be overwritten when the component renders), you need to configure react-particle-js to not set those properties in the first place






              share|improve this answer

























                0












                0








                0







                First problem:



                You can't refer to paths on the local filesystem from a served page, you need to actually serve your assets over HTTP. If you are already doing this, please include the relevant code.



                Second problem:



                Manually manipulated DOM generated by React is a big no-no (your changes will be overwritten when the component renders), you need to configure react-particle-js to not set those properties in the first place






                share|improve this answer













                First problem:



                You can't refer to paths on the local filesystem from a served page, you need to actually serve your assets over HTTP. If you are already doing this, please include the relevant code.



                Second problem:



                Manually manipulated DOM generated by React is a big no-no (your changes will be overwritten when the component renders), you need to configure react-particle-js to not set those properties in the first place







                share|improve this answer












                share|improve this answer



                share|improve this answer










                answered Mar 8 at 23:56









                robinsaxrobinsax

                85919




                85919





























                    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%2f55071796%2fimage-path-and-remove-attribute-not-working%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

                    How to get text form Clipboard with JavaScript in Firefox 56?How to validate an email address in JavaScript?How do JavaScript closures work?How do I remove a property from a JavaScript object?How do you get a timestamp in JavaScript?How do I copy to the clipboard in JavaScript?How do I include a JavaScript file in another JavaScript file?Get the current URL with JavaScript?How to replace all occurrences of a string in JavaScriptHow to check whether a string contains a substring in JavaScript?How do I remove a particular element from an array in JavaScript?

                    Can't initialize raids on a new ASUS Prime B360M-A motherboard2019 Community Moderator ElectionSimilar to RAID config yet more like mirroring solution?Can't get motherboard serial numberWhy does the BIOS entry point start with a WBINVD instruction?UEFI performance Asus Maximus V Extreme

                    List of MPs elected to the English parliament in 1640 (April) Contents List of constituencies and members See also Notes References Navigation menueNational Archives – The Glynde Place ArchivesCobbett's Parliamentary history of England, from the Norman Conquest in 1066 to the year 1803'Aldermen in Parliament', The Aldermen of the City of London: Temp. Henry III – 1912onepage&q&f&#61, false 229