reactjs - React-admin:react.component 中无法访问权限

Question

我正在使用 react-admin 并合并了高级教程“从列表页面创建和编辑记录”。本教程使用 react.component 而不是常量。我现在需要根据授权传递的权限对象中的值显示字段。我可以在常量和管理组件中做到这一点，但如果我尝试在 react.component 中访问它，权限始终为 null。

class InviteCodeList extends React.Component {
    render() {
        const { permissions,push, classes, ...props } = this.props;
        console.log('permissions');
        console.log(permissions);       
        return (
            <Fragment>
                <List
                    {...props}                    
                    filters={<CustomFilter />} 
                    actions={<CustomActions />}
                    sort={{ field: 'title', order: 'ASC' }}                    
                >
                    <Datagrid>
                        <TextField source="id" />
                        <TextField source="title" />
                        <WithPermissions
                            render={({ permissions }) => (
                                permissions.find(f => f.resource === 'admin') !== undefined
                                    ? <TextField source="invite_code" />
                                    : null
                            )}
                        />                        
                        <ReferenceField source="price_list_id" reference="pricelists">
                            <TextField source="price_list_name" />
                        </ReferenceField>
                        <TextField source="effective_dt" />
                        <DateField source="expiration_dt" />   
                        <EditButton />   
                    </Datagrid>
                </List>

Answer 1

这是新的代码段。我没有检查在 API 调用返回实际数据之前返回的 null。

    <Fragment>
                    <List
                        {...props}                    
                        filters={<CustomFilter />} 
                        actions={<CustomActions />}
                        sort={{ field: 'title', order: 'ASC' }}                    
                    >
                        <Datagrid>
                            <TextField source="id" />
                            <TextField source="title" />                          
                            permissions !== null ? permissions.find(f => f.resource === 'admin') !== undefined
                                        ? <TextField source="invite_code" />
                                        : null : null
                            <DateField source="expiration_dt" />   
                            <EditButton />  
                        </Datagrid>
                    </List>