I could render the herader's table users through for exemple: `{user[name]}`. But I couldn't render the header itself who is the [name] for example rendering: name of Leanne Graham. Can anyone help me with this?

```
 import React from 'react'

        const Users= ({ users}) => {
           return (
                 <div>
                    {users.map((user,index) => (
                       <div key={index}> 
                          <div className="container smcontainer d-flex justify-content-start"> 
                             <div className="row">
                             <div className="col-md-12">
                                <table className="table table-striped">
                                         <thead>

                                         </thead>
                                      <tbody>
                                         <tr>
                                            <td className=""> {user['id']} </td>  
                                            <td className=""> {user['name']} </td>  
                                            <td className=""> {user['username']} </td>  
                                            <td className=""> {user['email']} </td>   
                                         </tr>
                                      </tbody>
                                </table> 
                             </div> 
                          </div> 
                       </div>
                       </div>
                    ))}   
                 </div>
           )}
        export default Products

```

**This is the App component**

```
 class App extends Component {
      constructor(props){
        super(props)
          this.state= {
            users: [], 
        } 
      }
        async componentDidMount() {
              const url = ('https://jsonplaceholder.typicode.com/users')
              const response = await fetch (url)
              const data = await response.json() 
              this.setState({users: data.itemsList})
              console.log({users: data.itemsList})        
                 }

          render() {
            return (
              <Users users = {this.state.users} />
            )
          }
      }
    export default App;

```