小编Fil*_*ený的帖子

React.Js - Typescript 如何将对象数组作为道具传递?

每个人。

所以我正在用 React.Js 学习 TypeScript,但我遇到了一个问题。

我有一个“页面”,其中包含一系列对象,其中包含有关每个用户的更多信息

const USERS = [
        {name: 'Nicole', id: 1, placeCount: 10, places: 'place 1', image: 'image source'},
        {name: 'Sarah', id: 2, placeCount: 20, places: 'place 3', image: 'asdasd'}
    ];
Run Code Online (Sandbox Code Playgroud)

现在,我有一个用户页面,它呈现所有用户的列表,该列表是由 UsersListItem 组件组成的组件,现在该组件呈现 USERS 数组内每个对象的所有数据。我知道如何从 USERS 数组传递一个对象,但我想发送包含所有对象的整个数组

所以问题是如何将 USERS 数组传递到 UsersList 中?

这是我的结构

这是我的/用户页面

import UsersList from '../components/UsersList';


function User() {
    const USERS = [
        {name: 'Nicole', id: 1, placeCount: 10, places: 'place 1', image: 'image source'},
        {name: 'Sarah', id: 2, placeCount: 20, places: 'place 3', …
Run Code Online (Sandbox Code Playgroud)

arrays typescript reactjs react-props react-typescript

2
推荐指数
1
解决办法
2万
查看次数