title: How to loop in reactJS in table cell
body: <p><strong>How should I loop roles for each project in a row?</strong></p>
  
  <p>I want to set roles in each cell for each project. I currently have a problem with syntax as this is my first time developing in reactJS.</p>
  
  <pre><code>render() {
              ...
  
              &lt;Table
                  resourceName="projects"
                  columns={[
                      {
                          Header: 'Name',
                          accessor: 'name',
                      },
                      {
                          Header: 'Client',
                          accessor: 'client.name',
                      },
                      {
                          Header: 'Type',
                          accessor: 'type',
                      },
                      {
                          id: 'roles',
                          Header: 'Roles',
                          accessor: 'roles',
                          Cell: (props: { value: Array&lt;{name: string}&gt; }) =&gt; {
                              console.log(args);
                              return ',';
                          },
                      },
                  ]}
              /&gt;
          &lt;/Box&gt;
      );
  }
  </code></pre>