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 基础-创建元素相关推荐

React——基础（笔记）
文章目录一.React概述 1.1 特点 1.2 基本使用二.入门 2.1 React的基本使用 React.createElement ReactDOM.render 2.2 React脚手架 ...
02-React v18创建元素
一.引入React v18 <script src="https://unpkg.com/react@18.1/umd/react.development.js">&l ...
React基础篇（四）之创建组件方式分析
本小将讲述在 React 中, 1.通过函数 function 方式创建组件并分离成单独的组件实现,然后传递参数给组件使用 2.通过关键字 class 来创建组件,并分离成单独的组件实现,然后传递参 ...
react控制组件中元素_React Interview问题：浏览器，组件或元素中呈现了什么？
react控制组件中元素 by Samer Buna 通过Samer Buna React Interview问题:浏览器,组件或元素中呈现了什么? (React Interview Question ...
react方法返回html_React全家桶之React基础(推荐新手必看)
学习目标安装create-react-app脚手架熟练React基础语法掌握JSX语法掌握setState 掌握React生命周期掌握props传递参数掌握React组件通信资源 rea ...
【React 基础】之 React 基本介绍、jsx 规则、模块与组件
React 全家桶 React 基础 React-Router 路由 PubSub + 消息管理库 Redux 集中式的状态管理 Ant-Design UI 组件库 - React 简介官网英文官 ...
react基础_React基础
react基础 After all my teachings about React, be it online for a larger audience or on-site for compan ...
[React 基础系列] 受控表单 vs 不受控表单
[React 基础系列] 受控表单 vs 不受控表单受控表单 refs 不受控表单不受控组件总结之前的学习部分带了一些表单内容的使用--之前的案例基本上是用的都是 input,接下来就学习一下 ...
React基础学习（一）
一.虚拟DOM和真实DOM <script type="text/babel"> // 此处一定要写babel!!!!!!!// 1. 创建虚拟DOM// const ...

React 基础-创建元素

React 基础-创建元素相关推荐

最新文章

热门文章