Reactjs单击按钮时导航到另一个页面

Question

从"React"导入React

从"导入表单/表单‘

函数Login((｛

return (

<div
style={{
backgroundColor: '#008BA8',
position: 'fixed',
top: '0',
left: '0',
width: '50%',
height: '100%'
}}
>
<div> <Form /></div>
<div><img style={{paddingLeft: '1180px', }}src = "/Images/3.JPG" alt=""/></div>
<h1 style={{color: 'white',paddingTop: '150px', paddingRight: '300px'}}>WELCOME BACK</h1>
<p style={{color: 'white',paddingRight: '140px', fontSize: '30px'}}>We're happy to see you again</p>
<button style = {{backgroundColor: '#EF7F1B',borderRadius: '15px',width: '300px', height: '60px', color: 'white',fontSize: '20px',marginRight: '40px' }}>FORGOT PASSWORD</button>

);

}

导出默认登录

Answer 1

您可以使用useHistory函数，useHistory函数是react路由器dom 的一部分

const history = useHistory()

然后在您的按钮onclick中，您可以键入

onClick = {() => history.push("your link")}