渲染最简单的组件React

Question

我想在React中呈现最简单的组件，之后 在return（）中任何关闭HTML标记的一切都在SublimeText3中高亮显示， 然后它根本不起作用

var UserTable = React.createClass({
	render : function(){
		return(
			<h2> Random Content </h2>
		);
	}
});

ReactDOM.render(<UserTable />, document.getElementById('content'));

Answer 1

也许您忘了将react和react-dom导入到您的项目中。我设法重现你的代码，它已经启动并运行。但是，如果您将最简单的组件称为最简单，我建议使用functional components：

var UserTable = React.createClass({
  render: function(){
    return (
      <h2> Random Content </h2>
    )
   }
 })

ReactDOM.render(
  <UserTable />,
  document.getElementById('content')
)

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>

<div id="content"></div>

Answer 2

Welp，这是http-server的问题，它并没有刷新所有蚂蚁，这就是为什么我的内容没有上传。 它不是合成或崇高的问题。对不起4邋p