react demo1 (react内容渲染)

来源:互联网 发布:python oxc000007b 编辑:程序博客网 时间:2024/05/21 19:29

react dome 1
需求:渲染一行标题,显示“Hello, world!”

<!doctype html><html lang="en"><head>    <meta charset="UTF-8">    <title>react dome</title>    <script src="./build/react.js"></script>    <script src="./build/react-dom.js"></script>    <script src="./build/browser.min.js"></script></head><body><div id="container"></div><script type="text/babel">   // 需求:渲染一行标题,显示“Hello, world!”   /*    reactDOM.render()    react的基本方法,用于将模板转换为html语言,渲染dom,并插入指定的dom节点中   3个参数:   1参:模板的渲染内容(html形式)   2参:这段模板需要插入的dom节点   3参:渲染后的回调,一般不用   */    ReactDOM.render(            <h1>Hello, world!</h1>,            document.getElementById('container')    );</script></body></html>
0 0