-
React特点:声明式的写法,组件化,一次学习随处编写。
查看全部 -
npm install create-react-app -g
查看全部 -
3.4的表單記得重新看哦查看全部
-
forms表单
表单元素和其他DOM元素的区别
controlled components-受控组件
这里不知道为什么会有受控组件这一说法,直接交给state控制不就好了嘛,不写onChange方法,为什么就是readonly了
查看全部 -
React.Componet父类里预设了几个方法,比如
componentDidMount组件加载完成之后执行
componentWillUnmount组件将要销毁之前
子类可以覆写这些方法,这个已经完全实现了java语言的继承多态的概念,再也不用通过原型的方法去实现js的继承关系了
查看全部 -
生命周期
组件初始化
组件更新
组件卸载
查看全部 -
state(状态)
组件内部的数据可以动态改变
this.setState()是更新state的唯一途径
constructor
需要显式调用super()
方法直接在类中定义,不需要像vue中定义在methods中
方法中的this默认指向是null,可以再构造其中进行绑定
也可以使用箭头函数(=>)
查看全部 -
props
组件像一个函数一样,接受特定的输入(props),产出特定的输出(React elements)
V = f(props)
遇到一个错误
Uncaught TypeError: Super expression must either be null or a function, not undefined
因为Component的首字母小写了
查看全部 -
BABEL转换es6为不支持es6的js
自定义component,第一个字母要大写,为了react可以识别
ReactDOM.render就是通过特定的算法,将jsx渲染到真实的节点上
总结:jsx是一种语法糖,它替代了React.createElement(0
查看全部 -
return <h1>hello react</h1>
返回的事jsx,既不是js也不是html
jsx的属性className=class;htmlFor=for,为了防止和es6的关键字冲突
查看全部 -
webpack
es6语法
ReactDOM.render(<Welcome/>, document.getElementById('root'))
查看全部 -
切换到项目目录
npm start
浏览器会自动打开localhost;3000.
查看全部 -
安装react脚手架
npm install create-react-app -g
通过命令创建react项目
create -react-app my-project
查看全部 -
生命周期11
查看全部 -
生命周期1
查看全部
举报