Question

最近我一直在阅读有关钩子的信息，并很好奇知道它们是如何在内部实现的。

import React, { useState } from 'react';

function CounterUsingHooks() {
  const [count, setCounter] = useState(5);

  return (
    <div>
      <button onClick={() => setCounter(count + 1)}>
        {count}
      </button>
    </div>
  );
}

我知道UseState接受初始值并返回一对，在数组破坏时将其设置为count和setCounter，其中count设置为useState返回的第一个值，而setCounter是第二个值。

我只是想将函数绑定到变量部分。

为什么需要分配给UseState？以上述示例为例，我可以这样写：

var count;
var setCounter=function(count){

count= count+1;
}

有人可以向我解释UseState是如何实现的吗？

Answer 1

首先，您需要了解React中State的基础知识。

状态是一个JavaScript对象，用于存储组件的动态数据并确定组件的行为。由于状态是动态的，因此它使组件能够跟踪渲染之间的变化信息，并使它具有动态性和交互性。

挂钩在内部如何实现？

1 个答案: