React 使用jsx
Posted yaomengli
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了React 使用jsx相关的知识，希望对你有一定的参考价值。
基本用法：
ReactDOM.render(
<h1>Hello, world!</h1>,
document.getElementById(‘example‘)
);
我们可以在以上代码中嵌套多个 html 标签，需要使用一个 div 元素包裹它，实例中的 p 元素添加了自定义属性 data-myattribute，添加自定义属性需要使用 data- 前缀。
ReactDOM.render(
<div>
<h1>菜鸟教程</h1>
<h2>欢迎学习 React</h2>
<p data-myattribute = "somevalue">
这是一个很不错的 javascript 库!</p>
</div> ,
document.getElementById(‘example‘)
);
以上是关于React 使用jsx的主要内容，如果未能解决你的问题，请参考以下文章
“使用 JSX 时，React 必须在范围内”（react/react-in-jsx-scope 与 index.js 上的“window.React = React”）