React 基础-创建元素

牧羊人_sj

已于 2023-06-07 09:43:13 修改

阅读量2.5k

点赞数

文章标签： react.js

于 2021-09-13 14:01:14 首次发布

本文链接：https://blog.csdn.net/qq_59347596/article/details/120264503

版权

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);

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

牧羊人_sj

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
React 基础-创建元素

React中也可以自定元素，通过React.createElement(元素名，样式，内容)方法创建元素，如果不写样式，使用null替代<body> <div id="app"></div></body> let h1 = React.createElement('h1',null,'一生真伪有谁知'); let app = document.querySelector('#app'); ReactDOM.render(...
复制链接

扫一扫