JSXと現在のコンポーネントへの関数呼び出しの対応

Question

const Component = ({ text }) => (
    <div>{text}</div> 
) 

const Example =() => (
    <div> 
    <Component text="123" /> 
    {Component({ text: "123" })} 
    </div> 
) 

2つのレンダリング方法に違いはありますか？どちらが好ましいのですか？

Answer 1

はい、React.createElementでマウントされていないため、2番目の方が高速です。両方のアプローチの違い（主にパフォーマンス）については、great article by Philippe Lehouxを参照してください。