我有一个React项目,正在将其从JS转换为TS。我遇到的问题是TSX React认为在函数组件中定义的所有属性都是必需的属性。
// ComponentA.tsx
class ComponentA extends React.Component<any, any> {
render() {
/* Type '{ equalWidth: true; children: Element[]; }' is not assignable to type '{ children: any; className: any; equalWidth: any; }'.
* Property 'className' is missing in type '{ equalWidth: true; children: Element[]; }'.' */
return <ComponentB equalWidth />
}
}
和
// ComponentB.js
const ComponentB = ({ children, className, equalWidth }) => {
return (...)
}
有没有一种方式可以向TS发出信号,表示JSX组件的props都是可选的?