How to Change state of one component to another component in reactjs?

Question

I am new to react, and i need to send the image to Navbar component. For example, I have Component called A, and imagine NavBar as Component B, but i have not used NavBar component directly into my Component A, instead i am calling it from index.js

Answer 1

It depends mostly on the way how do you get this image. If you're getting this image from API and this image needs to use in both children of App, just get this image in App.js and then pass as a prop to children.

If it's a static asset, the best choice is to import image in both components. How to do it with CRA:https://create-react-app.dev/docs/adding-images-fonts-and-files