Question

我收到了通常的“错误：无效的钩子调用”，但我不知道我做错了什么..

我遵循了本教程（法语）：https://medium.com/@darksh3ll.js/une-application-multilingue-avec-redux-et-react-redux-hooks-4679d8e59758 但最终还是以无效的钩子调用结束，在这一点上：（这些按钮是教程中主要 index.js 的一部分，但为了清楚起见，我将它们添加为组件）

  const lang = useSelector(state => state.languageReducer.language)
  const dispach = useDispatch
  return (
    <div>
    <div className="btnLang">
//the error show up when i click on one of these
      <button className="btnFr" onClick={(() => dispach({type: "fr"}))}>Français</button>
      <button className="btnEn" onClick={(() => dispach({type: "en"}))}>English</button>
//the rest seems fine...
    </div>
    <div className="btnTitle">
      <h1>{lang}</h1>
    </div>
    </div>
  )
}

有什么想法吗？

Answer 1

应该是 const dispatch = useDispatch()

为什么我收到无效的钩子调用错误？

1 个答案: