Javascript 在功能组件中结束后,如何重新启动React Joyride Tour?
在巡演结束后,我试图将Joyride的run属性设置回false,但我不确定如何执行此操作。我尝试过使用它们的回调函数,但找不到使用函数组件的示例。以下是我的Joyride组件代码: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={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);