最簡單的方法添加HTML到一個陣營組件

說我有以下組成部分在我的web應用程序：最簡單的方法添加HTML到一個陣營組件

class About extends React.Component { 
    render() { 
    return (

    <div className="about"> 
    /* place html here. */ 
    </div> 
    ) 
    } 
}

我正在練習我生HTML/CSS的理解。所以理想情況下，我希望能夠在其他地方寫下關於部分的內容。 E.G.，about.html和about.css，帶有一些內聯css的about.html或<style>標籤。或者最理想的是，在定義此組件的相同文件中降低。

這個想法是我想分開我的練習hmtl/css從React specific/JSX代碼。

這可能嗎？如果是的話，假設這不是一個非常關鍵的項目，那麼最不摩擦的路線是什麼？我可以採取一種不太安全或更加冒險的方法嗎？

來源

2017-08-13 Alex Bollbach

這可能是一個重複的問題，這是你在找什麼？：https://stackoverflow.com/questions/33973757/how-can-i-render-html-from-another-file-in-a-react-component –

這個'about.html'只是一些'div' s和html元素，還是它會是一個帶有'head'和'body'的整個html文檔？ –

如果你想練習'raw html'，那麼不要使用反應，這不是它的目的。設置'innerHTML'是一種反模式。反應組件的要點是，它具有將它轉換爲HTML的JSX，您可以導入樣式表並使用多種方式嵌入它們 - 通過加載器或css模塊/內聯。看看這些天vue或什麼樣的mvc框架趕時髦的人 –

如果你願意，你可以在其他地方聲明一個變量，或者寫一個獨立於這個塊的另一個組件，並把它引入。但是在一天結束時，你仍然會寫JSX。您仍然可以使用.css來將您的JSX設置爲與html相同，但實際上沒有區別。

來源

2017-08-13 19:13:37

最簡單的方法添加HTML到一個陣營組件

回答

相關問題