Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/421.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在功能组件中结束后,如何重新启动React Joyride Tour?_Javascript_Reactjs_React Functional Component - Fatal编程技术网

Javascript 在功能组件中结束后,如何重新启动React Joyride Tour?

Javascript 在功能组件中结束后,如何重新启动React Joyride Tour?,javascript,reactjs,react-functional-component,Javascript,Reactjs,React Functional Component,在巡演结束后,我试图将Joyride的run属性设置回false,但我不确定如何执行此操作。我尝试过使用它们的回调函数,但找不到使用函数组件的示例。以下是我的Joyride组件代码: <Joyride run={run} steps={steps} debug continuous showSkipButton showProgress callback={handleJoyrideCallback()} styles={{

在巡演结束后,我试图将Joyride的run属性设置回false,但我不确定如何执行此操作。我尝试过使用它们的回调函数,但找不到使用函数组件的示例。以下是我的Joyride组件代码:

<Joyride
    run={run}
    steps={steps}
    debug
    continuous
    showSkipButton
    showProgress
    callback={handleJoyrideCallback()}
    styles={{
      options: {
        arrowColor: theme.palette.common.white,
        primaryColor: theme.palette.secondary.main,
        textColor: theme.palette.primary.dark,
        width: 500,
        zIndex: 10000,
      },
      buttonNext: {
        backgroundColor: theme.palette.secondary.main,
        border: "none",
        borderRadius: 0,
        color: theme.palette.common.white,
        "&:focus": {
          outline: "none !important",
        },
      },
      buttonBack: {
        color: theme.palette.primary.dark,
        marginLeft: "auto",
        marginRight: 5,
      },
      buttonClose: {
        color: theme.palette.primary.dark,
        height: 14,
        padding: 15,
        position: "absolute",
        right: 0,
        top: 0,
        width: 14,
      },
    }}
  />
})

还有setRun的东西:

  const [run, setRun] = useState(false);

这是因为您正在调用函数 回调中的HandleJoyridCallback={HandleJoyridCallback()}

你应使用:
callback={handleJoyrideCallback}

我看不出您更新状态的方式有任何问题。问题是,当我调用handleJoyrideCallback()函数时,我遇到了以下错误:“类型错误:无法读取未定义的属性'status'”
  const [run, setRun] = useState(false);