概念:
简介:是一个开源的javascript库,用于构建web应用中的视图层,实际上就是构建web应用中的前端用户界面。
好处:可以将用户界面代码和逻辑代码完美的融合,可以更灵活的创建用户界面。
栗子:
function welcome (props){
return <p>hello,{props.name}<\p>
}
了解:react除了可以构建运行在浏览器中的web应用外,还可以构建在移动端运行的原生app应用。
背景与生态:
由Facebook软件工程师在2012年创建。
引包:
用script引入
react:核心库 包含web应用和构建移动端app的通用方法,
react-dom:只包含构建web应用的方法,
react-native-web:只包含移动端app应用的方法。
创建元素:引入react后,Window对象下会多出来一个react对象,对象下面的create Element方法用于创建元素。
type:标签名称,字符串
props:元素属性,对象,无属性填入null
children:子元素,普通文本或createElement方法返回的元素对象。
返回值:元素对象(虚拟dom对象)
React.createElement(type,props,children );
const button = React.createElement ("button ",{type:"button "},"保存");