当上下文发生变化时如何运行 function

Question

每当上下文发生变化时，是否可以在组件中运行 function。 我在Navbar组件中有一个名为isLoggedIn的变量。 每当有人登录时， isLoggedIn就会更改为true 。 例如，在我的Blog组件中，我如何使 function 调用 API 来呈现评论。

Answer 1

您可以将变量声明为 state：

const [isLoggedIn,setIsLoggedIn] = useState(false);

每当您想更改“isLoggedIn”的 state 时，您可以调用 function：

setIsLoggedIn(NEWSTATE);

并且通过在渲染中使用 isLoggedIn state ，它会在更改时自动更改重新渲染。