我有两个简单的无状态反应组件(表示性):
const MsgDisplay = ({msg}) => (
<div>
{msg} // will be more complicated later
</div>)
const RowDisplay = ({data, children}) => (
<tr>
<td>...</td>
<td>{ children }</td>
<td>...</td>
</tr>)
当我尝试从容器组件中使用它们时:
public render() {
return (
<RowDisplay data={this.props.xyz} >
<MsgDisplay msg={someMsg} />
</RowDisplay>
)
}
typescript(1.8.7)抱怨:error TS2324: Property 'children' is missing in type 'IntrinsicAttributes & { data: any; children: any; }'.
似乎看不到我用jsx表示法传递儿童道具。
当然,我可以在children={}
上使用明确的RowDisplay
,但那很难......
我可以阻止打字稿投诉吗?