Typescript：类型'Promise'不能分配给类型

Question

我正在使用材料表建立表。这是表的构建示例：https://material-table.com/#/docs/features/filtering

我正在尝试在data中传递一个数组，以填充我的Userlist数组中的字段。

我在componentDidMount()函数中有这个]

    pnp.sp.web.lists.getByTitle("Team").items.get().then((items: any[]) => {
        //console.log(items); 
        const UserList = items.map((item) => {

            return {
                UsersName: item.Title,
                UserEmail: item.Email_x0020_Address,
                UserStatus: item.Status,
                UserLocation: item.Location,
                UserAdditional: item.Additional,                        
            }
        });
        //console.log(UserList);

        this.setState({ UserList: [...UserList] });

    });
在渲染中，我有这个：

        <MaterialTable
            title=""
            columns={[
            { title: 'Name', field: 'UsersName' },
            { title: 'Email', field: 'UserEmail' },
            { title: 'Status', field: 'UserStatus' },
            { title: 'Location', field: 'UserLocation' },                   
            { title: 'Additional', field: 'UserAdditional' },
            ]}
            data={new Promise((resolve,reject) => {
                (this.state.UserList)
            })}       
            options={{
            filtering: true
            }}
        />
起初我有data={this.state.Userlist}，但出现_this.props.data is not a function at MaterialTable错误。

因此，我进行了更改，因此我在答应中传递了数据以绕过错误，但现在却收到此错误：

 error TS2322: Type 'Promise<{}>' is not assignable to type '({ UsersName: any; } & { UserEmail: any; } & { UserStatus: any; } & { UserLocation: any; } & { UserAdditional: any; })[] | ((query: Query<{ UsersName: any; } & { UserEmail: any; } & { UserStatus: any; } & { UserLocation: any; } & { ...; }>) => Promise<...>)'.

我正在使用材料表建立表。这是表格的构建示例：https://material-table.com/#/docs/features/filtering我试图将数据中的数组传递给...

Answer 1

我基本上不知道我是不是有经验的人，但是在搜索时我发现了这一点。