React之useState hook

实现useState

js实现一个useState，简单的原理就是赋值然后更新渲染，大概伪代码如下：

   function useState(initValue) {
      let value = initValue;

      function setValue(v) {
        if (typeof v === "function") {
          value = v(initValue);
        } else {
          value = v;
        }
        // 更新布局
        renderWithMyHook();
      }

      return [value, setValue];
    }

    function renderWithMyHook() {
      ReactDOM.render(<App />, document.getElementById("root"));
    }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19