最简单的方法添加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到一个阵营组件

回答

相关问题