Load local images in React.js

Question

I have installed React using create-react-app. It installed fine, but I am trying to load an image in one of my components (Header.js, file path: <

Answer 1

First, you need to create a folder in src directory then put images you want.

Create a folder structure like

src->images->linechart.png

then import these images in JSX file

import linechart from './../../images/linechart.png'; 

then you need use in images src like below.