TypeScriptに反応する：どのようなタイプがrender（）ですか？

Question

コンポーネントをTypeScriptに変換しようとしています。 HTMLを返すrenderにはどのような型を指定できますか？

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

Answer 1

私はHTMLを返す、レンダリングのための任意の型を指定することはできますか？

renderは、HTML（文字列）を返しません。 the documentationから：呼び出されたとき

、それはthis.propsとthis.stateを調べ、単一リアクト要素を返す必要があります。この要素は、<div />などのネイティブDOMコンポーネントの表現、または自分で定義した別の複合コンポーネントのいずれかです。

レンダリングしないことを示すために、nullまたはfalseを返すこともできます。 nullまたはfalseを返す場合、ReactDOM.findDOMNode(this)はnullを返します。

だから、anyがオプションになります。あるいは、ReactElement|boolean。 （つまり、それは記載されていませんが、Reactはundefinedを返すように扱っているようですnullとfalse ...）