React hook 使用规则

React hook 使用规则

1. 只在最顶层使用 Hook(不要在循环，条件或嵌套函数中调用 Hook)
2. 只在 React 函数中调用 Hook(不要在普通的 JavaScript 函数中调用 Hook)

理解 hook 使用规则

规则2毋庸置疑，只在 react 组件中使用 state
规则2，对于初始使用者，可能会有些不习惯，那么我们下面来聊下为何时这样的，之后可能对这个就不再迷惑

function RenderFunctionComponent() {
  const [firstName, setFirstName] = useState("Rudi");
  const [lastName, setLastName] = useState("Yardley");

  return (
     setFirstName("Fred")}>Fred
  );
}

使用 hook 开发

可以通过使用react-hooks 插件强制执行这些规则，实时提示。