then啥

涉及：state、生命周期钩子   class Clock extends React.Component { constructor(props) { super(props); this.state = {date: new Date()}; } componentDidMount() { this.timerID = setInterval( ...

隐患出处：setState异步更新状态 https://ruby-china.org/topics/32715 https://www.jianshu.com/p/c6257cbef1b1   浅合并（shallow merge）：当调用setState修改组件状态时，只需要传入发生改变的State，而不是组件完整的State 如：return {...state, orders: **...

需要在整个最外层上加overflow: hidden才有效

width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; &:hover{ overflow: visible; }  

 受控：通过state与onChange控制 class Form extends Component { constructor() { super(); this.state = { name: '', }; } handleNameChange = (event) => { this.setState({ name: eve...

1. class创建组件 class Greeting extends React.Component { render() { return <h1>Hello, {this.props.name}</h1>; } } 2. 声明默认属性 class Greeting extends React.Component { // ... } G...

对比算法：当对比两棵树时，React首先比较两个根节点。根节点的type不同，其行为也不同   1. 不同类型的元素：卸载（销毁旧的节点及状态）旧的元素重建新的元素 <div> <Counter /> </div> <span> <Counter /> </span> 2. 相同类型元素：对比属性，仅更新变...

class Son extends React.Component { render() { return <input onChange={this.props.onChange}/>; } } class Father extends React.Component { constructor() { super(); this.state ...