最基本使用:
引入依赖文件:
<script src="https://unpkg.com/react@16/umd/react.development.js"></script> <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script> <!-- 生产环境中不建议使用 --> <script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>
将Hello World插入到id为example节点中
<div id="example"></div> <script type="text/babel"> ReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('example') ); </script>
也可以写成
const element = <h1>Hello, world!</h1>; ReactDOM.render( element, document.getElementById('example') );
想更新元素,只能是创造一个新的元素,传入ReactDOM.render()方法