Please enable JavaScript.

Coggle requires JavaScript to display documents.

React基础 (核心概念 (JSX (为什么使用, 防止注入攻击, 特殊的属性“字符串字面量”{javascript}, 作为对象 const…

- - - - handleClick = () => {
        console.log('this is:', this);
        }
      - handleClick(){}
  - - - React 的 state 成为“唯一数据源”
      - select标签
        
        选中后给select添加一个value属性赋值
      - input标签
        
        file非受控
        
        多个input可以给name属性通过e.target.name ===""进行取值
- - - - React.component + shouldcomponentUpdate ~React.purecomponent
    - - 与React.purecomponent相似，但是只支持函数组件，不支持class组件，仅支持props的改变
- - - - constructor
      - render
      - componentDidMent :explode:
        
        如需通过网络请求获取数据，此处是实例化请求的好地方
        
        这个方法是比较适合添加订阅的地方。如果添加了订阅，请不要忘记在 componentWillUnmount() 里取消订阅
    - - shouldComponentMount
      - render
      - componentDidUpdate() :explode: :explode:
        
        直接调用 setState()
        
        网络请求
        
        首次渲染不会执行此方法
    - - componentWillUnmount()
    - - static getDerivedStateFromError()
      - componentDidCatch()
    - - 服务端：ReactDOM.hydrate(element, container[, callback])React 将会保留该节点且只进行事件处理绑定，从而让你有一个非常高性能的首次加载体验。