18-React.createElement.html

<div id='root'></div>
    <script src="./react.js"></script>
    <script src="./react-dom.js"></script>
    <script src="./babel.min.js"></script>
    <script type="text/babel">
    //JSX :本质是react.createElement函数得语法糖
    // const el=<h2 className="box">hello,react</h2> //jsx等效于

    //第一个参数,待创建得元素名称
    //第二个参数,待创建得元素得属性
    //第三个参数,待创建得元素得内容或子元素
    const el=React.createElement('h2',{className:'box'},'hello,world')

    ReactDOM.render(el,document.getElementById('root'))
    
    </script>

 

上一篇:javascript onclick create(element)div viz弹出框


下一篇:Javascript:document.createElement(”)&delete DOMElement