如何將一段HTML內容傳遞給無狀態響應組件？

Question

我想製作一個簡單的React組件，它將給定的HTML內容封裝到作爲顯示內容的上下文的標記中。

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

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

我在做什麼錯？

Answer 1

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

使用ES6語法：

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> 
    ); 
}