ステートレス反応コンポーネントに、どのようにHTMLコンテンツのpirceを渡すことができますか？

Question

コンテンツが表示されるコンテキストとして機能するタグに、指定されたHTMLコンテンツをラップする簡単なReactコンポーネントを作成します。

function Content(content) { 
    return <div>{content}</div>; 
} 

<Content> 
    <span>Hey!</span> 
</Content> 

私は間違っていますか？ ES6の構文を使用して

Answer 1

function Content(props) { 
    return <div>{props.children}</div>; 
} 

：

const Content = ({ children }) => <div>{children}</div> 

Answer 2

シンプルは、与えられたHTMLコンテンツをラップの成分を反応します。

var content = "<Content><span>Hey!</span></Content>" 


function Content() { 
return (
    <div className="content" dangerouslySetInnerHTML={{__html: 
    content}}> 
    </div> 
    ); 
}