reactjs - 带有 Typescript 的 React 组件的一种或另一种道具类型

Question

我正在尝试创建一个通过data道具呈现的表格，或者您可以直接通过children. 为此，我需要一种接受data或的类型children。

我已经找到了这些解决方案，但不知何故不适用于 React 组件。仅适用于普通对象。

• 打字稿接口需要两个属性之一存在
• 打字稿界面 - 可能需要“一个或另一个”属性？

所以基本上我创建了三个接口，一个带有基本类型，一个带有data，一个带有children. 但是当我创建 React 组件时，它对我大喊那些道具不存在TableProps

有谁知道我做错了什么？这是沙箱：https ://codesandbox.io/s/admiring-shadow-vw148?file=/src/table.tsx

谢谢！

标签： reactjstypescripttypes