-
app.test.js jest做自动化测试时所用的
查看全部 -
nodejs.org/en/
使用react需要先安装nodejs
LTS版本长时间持久支持的
Current指的是最新的版本
查看全部 -
React Fiber react 16以后的 版本
查看全部 -
constructor 在类被创建的一瞬间 自动执行
查看全部 -
1-1 react 简介
查看全部 -
组件通信：
父 =》 子
父组件通过属性的形式向子组件传递参数
子组件通过props接收父组件传递过来的参数
子 =》 父
子组件通过调用父组件传递过来的方法
父组件通过方法的参数获取子组件传递过来的参数
查看全部 -
es6的结构赋值：
const {content} = this.props=》
使得可以直接使用`{content}`代替`{this.props.content}`
查看全部 -
// es6值拷贝的语法 const list = [...this.state.list]; // 删除数据对象相应索引的值，并指定连续删除的个数 list.splice(index, 1); //在list数组中，删除索引值为index的元素，删除位数为1
查看全部 -
this.state.list.map((item, index)=>{ return <li>{item}</li> })关于map()方法的使用
查看全部 -
子组件如果想要和父组件通信，子组件要调用父组件传递过来的方法
查看全部 -
父组件通过属性的形式向子组件传递参数，
子组件通过props接受父组件传递过来的参数
查看全部 -
一、子组件向父组件传值
父组件向子组件传递属性（方法）
子组件调用父组件方法（通过参数传值出去）
查看全部 -
一、子组件获取父组件的数据
父组件通过属性形式向子组件传递参数；
子组件通过props接收父组件传递过来的参数；
二、map循环中添加key属性（react中要求）
查看全部 -
一、代码优化
1、在构造函数中做好this指向的改变
下面就不用.bind(this)
可以改变代码的执行性能
2、解构赋值
3、解决render函数中代码过长
查看全部 -
一、新增样式的两种方式：
1、style行间样式 eg: style={{background:"green"}}
第一个花括号是js表达式；第二个花括号是对象
2、className
class与定义组件的时候冲突，所以不建议class，react中用className关键词.
二、解决render函数一个包裹标签的问题：
用<React.Fragment></React.Fragment>代替最外层的<div></div>标签
三、代码优化：
通过解构赋值引入React中的Component和Fragment;
import React, { Component，Fragment } from 'react';
替换后的写法：
class ToDoItemList extends Component{
......
}
render(){
return(
<Fragment>......</Fragment>
)
}
查看全部
举报