title: How to display json data in a reactjs component
body: <p>I'm new to react. I dont know how to import json data in one of my component. </p>
  
  <p>This is my json data: </p>
  
  <pre><code>[
      {
          "id": 1,
          "firstname": "abc",
          "lastname": "xyz",
          "phone": "+91 789654123",
          "email": "abcyz@gmail.com"
      },
      {
          "id": 2,
          "firstname": "def",
          "lastname": "uvz",
          "phone": "+91 123456987",
          "email": "defvu@gmail.com"
      }
  ]
  </code></pre>
  
  <p>Here is list Component :</p>
  
  <pre><code>&lt;Container&gt;
    &lt;Grid&gt;
      &lt;Grid.Row&gt;
        &lt;Grid.Column&gt;
          &lt;Header&gt;List&lt;/Header&gt;
          &lt;List&gt;
            &lt;List.Item block&gt;
              &lt;List.Content&gt;FirstName and Last Name&lt;/List.Content&gt;
              &lt;List.Content&gt;Phone&lt;/List.Content&gt;
            &lt;/List.Item&gt;
          &lt;/List&gt;
        &lt;/Grid.Column&gt;
      &lt;/Grid.Row&gt;
    &lt;/Grid&gt;
  &lt;/Container&gt;
  </code></pre>
  
  <p>Can anyone help me in displaying the list? Thanks in advance</p>