React 基础-创建元素

React中也可以自定元素，通过 React.createElement(元素名，样式，内容) 方法创建元素，如果不写样式，使用null替代

<body>
    <div id="app"></div>
</body>

 let h1 = React.createElement('h1',null,'一生真伪有谁知');
   let app = document.querySelector('#app');

   ReactDOM.render(h1,app);

React.createElement方法的第三个参数可以是一个数组，数组中包含的是子元素，通过该方式实现元素的嵌套

    let li1 = React.createElement('li',null,'野火扫不进');
    let li2 = React.createElement('li',null,'白发三千丈');
    let li3 = React.createElement('li',null,'美人帐下犹歌舞');

//把子元素放入数组

    let ul = React.createElement('ul',null,[li1,li2,li3]);

//渲染

 ReactDOM.render(ul,app);

React 基础-创建元素

悦读