title: How to print JSON data from axios? -react-
body: <p>The problem is I don't know how to print Json data with React.</p>
  <p>JSON :</p>
  <pre><code>{
      &quot;themes&quot;: [
          {
              &quot;id&quot;: 1,
              &quot;name&quot;: &quot;nature&quot;,
              &quot;trips&quot;: [
                  {
                      &quot;id&quot;: 1,
                      &quot;location&quot;: &quot;Jeju&quot;,
                      &quot;price_discounted&quot;: 11200
                  },
                  {
                      &quot;id&quot;: 2,
                      &quot;location&quot;: &quot;Seoul&quot;,
                      &quot;price_discounted&quot;: 11200
                  },
              ]
          }
      ]
  }
  </code></pre>
  <p>and I tried</p>
  <pre><code>function Card() {
    const [users, setUsers] = useState([]);
    const fetchUsers = async () =&gt; {
      const response = await axios.get(process.env.REACT_APP_PRODUCT_URL);
      setUsers(response.data.themes);
      console.log(response.data);
    };
  
    useEffect(() =&gt; {
      fetchUsers();
    }, []);
    return (
      &lt;div&gt;
        {users.map((user) =&gt; (
          &lt;li&gt;{user.name.trips}&lt;/li&gt;
        ))}
      &lt;/div&gt;
    );
  }
  
  </code></pre>
  <p>but I can`t get &quot;trips&quot;'s data.. Help me!</p>
  <p>I can only get &quot;themes&quot;'s &quot;id&quot; and &quot;name&quot;</p>