我正在嘗試使用渲染 UpdatePassword 組件的路由器鏈接將道具傳遞給 React 中的 UpdatePassword 組件。我很驚訝,該鏈接之前有效,但在服務器端進行了一些更改之后,現在當我點擊它時,什么也沒有發生。此外,如果我通過手動添加 url 來顯示頁面,則會呈現組件但發送的數據未定義。請建議我可以在這里做什么?我已經在儀表板組件中導入了這些import {BrowserRouter as Router,withRouter,Link,Switch,Route} from 'react-router-dom'這是我在同一組件中的返回語句 return <> <Header/> <div id="wrapper"> <div id="sidebar-wrapper"> <ul class="sidebar-nav"> <Router> <li> <Link to ={{pathname :"/updatePassword", state :this.state}}>Update Password</Link> </li> <li> <Link to ={{pathname :"/updateUserInfo", state :this.state}}>Update User Details</Link> </li> </Router> </ul> </div> <div id="page-content-wrapper"> <div class="container-fluid"> <div class="row"> <div class="col-lg-12"> <h1>Welcome {str2}</h1> <a href="#menu-toggle" class="btn btn-default" id="menu-toggle">Toggle Menu</a> <Router> <Route path='/updatePassword' component ={UpdatePassword}/> </Router> </div> </div> </div> </div> </div> </>;在我的 UpdatePassword 組件中,道具的狀態未定義。
單擊鏈接時不會發生任何操作
函數式編程
2022-06-16 15:43:10