使用 Typescript 的 React 组件的一种或另一种 prop 类型

Question

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

我已经找到了这些解决方案，但它在某种程度上不适用于 React Component。仅适用于普通物体。

• 打字稿接口需要存在两个属性之一
• Typescript 接口 - 可以使“一个或另一个”属性成为必需的吗？

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

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

谢谢！

Answer 1

function compName = ({data,children}:{data?: [type];children?: [type]}){
// logic
}