- JSX,一种 JavaScript 的语法扩展,JSX 就是用来声明 React 当中的元素
<style>
.foo{
color: red;
}
</style>
<body>
<div id="root"></div>
<script type="text/babel"></script>
const element = <h1 className="foo">Hello World!</h1>;
ReactDOM.render(
element,
document.getElementById('root')
);
</script>
</body>
在添加属性时, class 属性需要写成 className ,for 属性需要写成 htmlFor ,这是因为 class 和 for 是 JavaScript 的保留字。
- 嵌套多个 HTML 标签,需要使用一个 div 元素包裹它
ReactDOM.render(
<div>
<h1>1111</h1>
<h2>2222</h2>
<p>哈哈哈哈</p>
</div>,
document.getElementById('root')
);