useState未在第一次渲染时注册

Question

我有一个非常简单的react应用程序。我试图设置一个状态变量，然后在console.log之后立即设置该变量，但得到一个空值。

var [techFilterTerm, setTechFilterTerm] = useState('');
setTechFilterTerm('Test');
console.log(techFilterTerm);

我希望在第一次渲染时，它会在控制台中显示“Test”，但它会显示空字符串。这是怎么回事？

Answer 1

如果我正确理解了您的问题，您希望知道更新后的值，因此您可以使用useEffect api，只要您希望观察的某个值发生更改，就会调用该api。要观察的值需要作为第二个参数传递为useEffect中的数组。在您的情况下，您希望知道TechFilterm的更新值，以便可以将TechFilterm作为第二个参数传递给useEffect，如下所示。

 useEffect(() => {
      //here you will get the updated value whenever there is change in value
  },[techFilterTerm]); 

以下是有关useEffect的更多信息的链接。

https://reactjs.org/docs/hooks-effect.html