與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 ...）