# Manipulating React like HTML + JS

**URL:** <https://forum.kirupa.com/t/manipulating-react-like-html-js/637071>\
**Category:** Uncategorized\
**Created:** [August 20, 2017, 6:23pm UTC](https://forum.kirupa.com/t/manipulating-react-like-html-js/637071 "2017-08-20T18:23:24Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![ConnelBlaze](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/connelblaze/32/8640_2.png) [@ConnelBlaze](https://forum.kirupa.com/u/ConnelBlaze)\
**Post date:** [August 20, 2017, 6:23pm UTC](https://forum.kirupa.com/t/manipulating-react-like-html-js/637071/1 "2017-08-20T18:23:24Z")

</div>

Hello, followed your tutorial on react, was great but you were using the `script` tag.  
I used `create-react-app` and had to some changes.  
Now i have issues with using `svg`'s files in my react and trying to give the header states to change to when on other components.  
Please would deeply appreciate ya help. Great community by the way.

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [August 21, 2017, 2:44am UTC](https://forum.kirupa.com/t/manipulating-react-like-html-js/637071/2 "2017-08-21T02:44:18Z")

</div>

Doesn’t create-react-app just place the script files in a separate location? Did your SVGs work when using the script approach with the code inline?

---

<div class="post-metadata">

**Author:** ![ConnelBlaze](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/connelblaze/32/8640_2.png) [@ConnelBlaze](https://forum.kirupa.com/u/ConnelBlaze)\
**Post date:** [August 21, 2017, 8:05am UTC](https://forum.kirupa.com/t/manipulating-react-like-html-js/637071/3 "2017-08-21T08:05:46Z")

</div>

Thanks for the reply.  
No I didn’t use the svg’s with the script tag.  
Or should i create a `sandbox`?

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [August 21, 2017, 3:22pm UTC](https://forum.kirupa.com/t/manipulating-react-like-html-js/637071/4 "2017-08-21T15:22:16Z")

</div>

If you can post an example, that would be helpful 🙂

---

<div class="post-metadata">

**Author:** ![ConnelBlaze](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/connelblaze/32/8640_2.png) [@ConnelBlaze](https://forum.kirupa.com/u/ConnelBlaze)\
**Post date:** [August 21, 2017, 11:32pm UTC](https://forum.kirupa.com/t/manipulating-react-like-html-js/637071/5 "2017-08-21T23:32:51Z")

</div>

[my sandbox](https://codesandbox.io/s/7m1vo5vn0x)  
The svg’s aren’t displaying properly
