大型网站建设制作平台,wordpress相册管理,ui网页设计是什么,网站建设分金手指专业一React脚手架
npx create-react-app react-demonpx是直接从互联网网上拉最新的脚手架进行创建react 运行React项目
npm start若想找到Webpack配置文件
npm ejectReact的基本使用
基本步骤
导入react和react-dom vue
创建react元素
渲染react元素到页面中导入
import React…React脚手架
npx create-react-app react-demonpx是直接从互联网网上拉最新的脚手架进行创建react 运行React项目
npm start若想找到Webpack配置文件
npm ejectReact的基本使用
基本步骤
导入react和react-dom vue
创建react元素
渲染react元素到页面中导入
import React from react;
import ReactDom from react-dom声明
const title React.createElement(h1,null,hello react)
const element2 React.createElement(div,{id:demo,title:哈哈
},我是一段DIV内容
)渲染
const element ReactDom.render(title,document.getElementById(root))渲染复杂结构
ulli香蕉/lili橘子/lili苹果/li
/ulimport React from react;
import ReactDom from react-dom//创建react元素
const react_ul React.createElement(ul,{className:list},[React.createElement(li,null,香蕉),React.createElement(li,null,橘子),React.createElement(li,null,苹果),])// 渲染
ReactDom.render(react_ul,document.getElementById(root))在渲染过程中父元素第三个参数代表内容可以为一个数组数组里面可以放更多的值进行渲染操作
React18
使用React18创建React的时候导入ReactDOM进行变更并且创建发生变化具体代码如下
import React, {Component} from react;
import ReactDOM from react-dom/client;class App extends Component {render() {return (divh1hello world/h1/div);}
}const root ReactDOM.createRoot(document.getElementById(root));
root.render(App /);
如果不解决这个问题他会一直产生一个警告说明他目前使用的是React17
