Reactjs-如何在Reactjs材质表中加载和映射数据

如何在reactjs材质中加载和映射数据。我通过Cards组件将一个对象传递给子组件。当控制台日志时，我可以从父对象接收对象，但它抛出编译失败错误。有人能告诉我哪里出错了吗

Card.tsx

卡.tsx

无法从呈现访问构造函数中定义的常量行。它只能在构造函数中访问。如果您想创建一个在整个类中都可以访问的参数，可以这样创建：

this.rows = props.value.cargo;

然后使用this.rows而不是rows访问它

不过，对于本例来说，这没有任何意义，并且在渲染之间道具无法正确更新的情况下，将来会给您带来其他问题

在渲染中应该使用this.props.value.cargo.map而不是rows.map。如果希望使渲染更干净，还可以在渲染内部创建另一个常量行。它们都有相同的名称是可以的，因为它们在不同的作用域中

render() {
    return (
      <div>
        {this.state.card.map((card: any) => (
          <Card key={card.id} value={card} />
        ))}
      </div>
    );
  }

this.rows = props.value.cargo;