javascript 如何创建一个TypeScript接口来接受带有键的JSX.Element列表

llew8vvj  于 2023-03-16  发布在  Java
关注(0)|答案(1)|浏览(133)

我希望能够将JSX元素数组传递到组件中,但我希望确保它们都必须至少具有key属性。
这可能吗?
例如

<MyComponent
    list={[
      <div key="test1" />,
      <div key="test2" />,
      <div /> <-- this would fail as doesn't have a key
    ]}
  >
  ...
  </MyComponent>
iezvtpos

iezvtpos1#

我已经找到了一种方法

type ElementWithKey = React.ReactElement<{key: string}>;

然后,当键丢失时,这将在TypeScript中提供正确的错误。

相关问题