如何使用TypeScript在reactjs中传递数据

Question

如何使用tsx将对象传递给reactjs中的子组件。我尝试这种方式时遇到此错误。在哪里可以声明类型？ Property 'value' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<ShipmentCard>

Cards.tsx

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

Answer 1

如果使用打字稿，则必须在ShipmentCard.tsx中声明所有道具

interface ShipmentCardProps {
    key: string;
    value: {}
}

interface ShipmentCardState {}

class ShipmentCard extends React.Component<ShipmentCardProps, ShipmentCardState> {
}
export default ShipmentCard`

`

Answer 2

尝试this。您的州有“卡”吗？好像没有您需要从父组件获取道具。您需要尝试使用道具传递数据。因此，请阅读链接。并尝试使用redux。