我正在学习 React,我发现自己的任务是为组件分配不同的路径。我尝试在组件的道具中定义它们,但我不能。这里的代码:
const IntroJuegos = () => {
const [popupVisible, setPopupVisible] = useState(false)
return (
<div className='container mt-3'>
<IntroJuego src={minJuegoPrueba} />
{popupVisible ? <PopUp onClick={() =>
setPopupVisible(false)} /> : null}
<Button
onClick={() =>
setPopupVisible(true)}
name='DESAFIAR AMIGO'
/>
<Button
onClick={() =>
<Link to='/promociones'/>}
name='ELEGIR PREMIO'
/>
<Button
onClick={() => <Link to='/promociones' />
}
name='VER PUNTAJES'
/>
</div>
)
}
export default IntroJuegos
第一个按钮打开一个弹出窗口,但接下来的两个我需要转到应用程序的其他页面。有人可以指导我吗?
要重定向用户,您应该使用重定向。
请注意,在呈现时,它会将用户重定向到指定的路径。我建议你使用一个状态,你有两个属性。一个可以检查是否将用户重定向到特定路由,另一个可以保存他将被重定向到的 url。
它会是这样的: