title: Accessing json file in react js
body: <p>This is my code:</p>
  
  <pre><code>class App extends Component {
    constructor() {
      super();
      this.state = {
        data: [
          {
            name: 'Jal Irani',
            imgURL: './man.jpg',
            hobbyList: ['Front-end Web Development', 'Back-end Web Development', 'Eating Free Food'],
          },
        ],
      };
    }
    render() {
      return (
        &lt;div className="App"&gt;
          &lt;header className="App-header"&gt;
            &lt;img src={logo} className="App-logo" alt="logo" /&gt;
            &lt;h1 className="App-title"&gt;Welcome to Profiler&lt;/h1&gt;
          &lt;/header&gt;
          &lt;p className="App-intro"&gt;//access the json data here&lt;/p&gt;
        &lt;/div&gt;
      );
    }
  }
  </code></pre>
  
  <p>I want to access the json element in </p>
  
  <pre><code>&lt;p className="App-intro"&gt;//access the json data here. 
  </code></pre>
  
  <p>I have tried to use react map function without success. </p>
  
  <p>Is there any help. AM new in react js.</p>