与TypeScript反应：什么类型是render（）？

Question

我想将我的组件转换为TypeScript。我可以为渲染指定什么类型，它会返回HTML？

class Component extends React.Component { 
    render() { 
     return (
      <div> 
       ...some HTML... 
      </div> 
     );  
    } 
} 

Answer 1

我可以指定任何类型的渲染，它返回HTML？

render不返回HTML（这将是一个字符串）。从the documentation：

调用时，应该检查this.props和this.state并返回一个作出反应的元素。此元素可以是本机DOM组件的表示形式，例如<div />或您自己定义的其他复合组件。

您还可以返回null或false以表明您不想渲染任何东西。返回时null或false,ReactDOM.findDOMNode(this)将返回null。

所以是的，any将是一个选项。或者ReactElement|boolean。 （也就是说，虽然没有记录，但React似乎处理undefined返回它的方式null和false ...）