将html添加到React组件的最简单方法

Question

说我的网络应用程序中有以下组件：

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

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

我目前正在练习对原始html / css的理解。理想情况下，我希望能够在其他地方写下这个部分。 E.G.，about.html和about.css，about.html有一些内联css或<style>标记。或者最理想的是，在定义此组件的同一文件中降低。

我的想法是将hmtl / css的练习与React特定/ JSX代码分开。

这可能吗？如果是这样的话，假设这不是一个非常关键的项目，那么最小的摩擦路线是什么？我可以采取不那么安全或更黑客的方法？

Answer 1

如果你愿意，你可以在其他地方声明一个变量，或者写一个与该块分开的不同组件并将其带入。但是在一天结束时，你仍然会编写JSX。您仍然可以使用.css来设置JSX的样式，就像使用html一样，没有什么区别。