React-01简介

67 阅读1分钟

简介

起源于Facebook的内部项目,因为该公司对市场上所有的JavaScript MVC框架都不满意,自己搞了一个,用来写Instagram。

React把视图拆成了组件

React的特性

声明式设计

高效-虚拟DOM,最大限度与DOM减少交互

灵活-React可以与已知的库或框架很好的配合

JSX-JSX是JavaScript的语法扩展

组件

单向相应的数据流

安装脚手架

npm install -g create-react-app

脚手架创建

create-react-app scaffold_create

JSX语法:

{}中插入不同的值

number/string:值是啥,渲染出来就是啥

boolean/null/undefined/Symbol:渲染的内容是空

不支持渲染:除数组外的普通对象

数组对象:把数组的每一项都分别拿出来渲染,并不是变为字符串,中间没有逗号

函数对象:不支持在{}中渲染,但是可以作为函数组件,用形式渲染

React中样式必须为对象形式,JSX中样式类名class使用要改为className

报错

react__WEBPACK_IMPORTED_MODULE_0___default(...).createRoot is not a function

需要调整ReactDOM的引入