如何在表单元格中循环ReactJS

时间:2019-04-09 13:32:44

标签: reactjs

我应该如何连续为每个项目循环角色?

我想在每个项目的每个单元中设置角色。我目前对语法有疑问,因为这是我第一次在reactJS中进行开发。

render() {
            ...

            <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<{name: string}> }) => {
                            console.log(args);
                            return ',';
                        },
                    },
                ]}
            />
        </Box>
    );
}

1 个答案:

答案 0 :(得分:0)

您应该在访问器中执行此操作,而不是在Cell中。

accessor: d => d.roles.map(role => role.name).join(', ')