使用typescript反应无状态组件+子项:错误类型'IntrinsicAttributes中缺少属性'children'

时间:2016-05-12 14:26:46

标签: reactjs types typescript compiler-errors

我有两个简单的无状态反应组件(表示性):

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,但那很难......

我可以阻止打字稿投诉吗?

0 个答案:

没有答案