小编Ila*_*lan的帖子

如何在同一组件中使用 React useContext 来显示上下文中的数据

我正在创建一个反应向导组件,并希望使用 context\xd7\xa5 在父级和子级之间传递数据 \xd7\xa0

\n\n

因此,我创建了一个向导、上下文、提供程序和自定义挂钩,但问题是,如果我尝试在向导组件上使用上下文,它不会显示正确的信息

\n\n

(参见https://codesandbox.io/embed/wizardwitcontext-rfpui

\n\n

如何做到这一点,以便我可以依赖向导本身上下文中的数据,以便我可以将登录名转移到自定义挂钩?

\n\n

useWizard.js:

\n\n
import React, { useContext, useEffect } from "react";\nimport { WizardContext } from "./WizardContext";\n\nconst useWizard = () => {\n  const [state, setState] = useContext(WizardContext);\n\n  function setMaxSteps(maxSteps) {\n    setState(state => ({ ...state, maxSteps }));\n  }\n  function moveToStep(index) {\n    if (state.maxSteps && state.maxSteps > index) {\n      setState({ ...state, currentStep: index });\n      return index;\n    }\n    return state.currentStep;\n  }\n\n  function back() {\n    if (state.maxSteps) {\n      if (state.currentStep > 0) {\n …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-hooks

6
推荐指数
2
解决办法
1万
查看次数

标签 统计

javascript ×1

react-hooks ×1

reactjs ×1