亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

單擊鏈接時不會發生任何操作

單擊鏈接時不會發生任何操作

函數式編程 2022-06-16 15:43:10
我正在嘗試使用渲染 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 組件中,道具的狀態未定義。
查看完整描述

1 回答

?
喵喵時光機

TA貢獻1846條經驗 獲得超7個贊

請用 -

<Route path='/updatePassword/parameter1/parameter2' component ={UpdatePassword}/>

而不是這個 -

<Route path='/updatePassword' component ={UpdatePassword}/>

而不是這個 -

<li> <Link to ={{pathname :"/updatePassword", state :this.state}}>Update Password</Link> </li>

用這個 -

<li> <Link to={`/updatePassword/${parameter1}/${parameter2}`}>Update Password</Link> </li>

然后像這樣在組件上獲取參數值 -

let parameter1 = this.props.match.params.parameter1;
let parameter2 = this.props.match.params.parameter2;


查看完整回答
反對 回復 2022-06-16
  • 1 回答
  • 0 關注
  • 123 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號