-
State
this.setState 更改State中的值
constructor这是ES6对类(Class)的默认方法，一般用于数据初始化，通过 new 命令生成对象实例时自动调用该方法。并且，该方法是类中必须有的，如果没有显示定义，则会默认添加。
super
继承它的父级
子类必须在constructor() 中调用 super() ，否则新建实例时会报错查看全部 -
Props
父组件向子组件传输数据：
子组件接收父组件的数据（props）：
子组件接收的值是只读的（要像纯函数一样使用props参数）
在一个函数内 不改变接收的参数称为纯函数
查看全部 -
JSX被babel编译过
JSX只是一种语法糖 是React.createElement的语法糖
（简单明了易懂）查看全部 -
jsx
是JavaScript的一种语法扩展（内部实现的）
语法是{} 可写入表达式
写入样式 className
htmlFor HTML 标签的 for 属性 规定 label 与哪个表单元素绑定查看全部 -
Render方法 代表组件渲染出来的结果
ReactDom.render方法 可以把写好的组件挂载在dom节点上查看全部 -
npm install create-react-app -g
create-react-app project-name查看全部 -
声明式的写法；组件化；一处学习，随处编写
查看全部 -
状态提升
单项数据流
查看全部 -
组件初始化：
组件更新
组件卸载
查看全部 -
React属性 class Namecard extends React.Component { render(){ const { name, number, isHuman, tags } = this.props return( <div> <h4>{name}</h4> <ul> <li>电话：1234567890</li> <li>{ isHuman ? '人类' ：'外星生物'}</li> <hr/> <p> { tags.map((tag, index) => ( <span> {tag}</span> ))} </p> </ul> </div> ) } } export default NameCard查看全部 -
JSX:JavaScript的语法扩展，也为Js的语法糖，可以使用{}内嵌任何JavaScript表达式，Jsx属性 class welcom extends React.component { render(){ const todolist = ['Learn React', 'Learn Redux'] return( <div> <h1>Hello React</h1> <ul> { todolist.map(item => <li>{item}</li> ) } </ul> </div> ) } } export default Welcome查看全部 -
State（状态）
组件内部的数据 可以动态改变
查看全部 -
Props（属性）
组件像一个函数一样，接受特定的输入（props），产出特定的输出（React elements）
V = f(props)
查看全部 -
Props属性是由上到下单向传递的
Context提供了在组件中共享此类值的方法，设计目的是共享那些对于组件来说全局的数据
不要仅仅为了避免在几个层级下的组件传递props而使用context
查看全部 -
JSX是一种语法糖
查看全部
举报