鍍金池/ 問答/HTML5  HTML/ react-router 跳轉(zhuǎn)沒反應(yīng),路徑都是對(duì)的

react-router 跳轉(zhuǎn)沒反應(yīng),路徑都是對(duì)的

<Link to={`${this.props.match.path}/${record.id}`}>查看詳情 </Link>

            <Switch>
                <Route path={`${match.path}`} exact component={AirCompressorTable} />
                <Route path={`${match.path}/aircompressor`} component={AirCompressorTable} />
                <Route path={`${match.path}/aircompressor/:Id`} component={AirCompressorInfo} />{/*
                <Route path={`${match.path}/acquisition`} component={SetAcquisition}/> */}
            </Switch>
            

我現(xiàn)在點(diǎn)擊上面的Link ,跳轉(zhuǎn)到http://localhost:8080/#/home/equipment/aircompressor/2
但是頁面就是什么都不動(dòng),沒有進(jìn)入route中的組件,這是為什么

回答
編輯回答
愛是癌

因?yàn)槟愕牡诙€(gè)路由優(yōu)先匹配到,所以第三個(gè)路由就不會(huì)匹配了。你把他們兩個(gè)位置調(diào)換一下。

<Route path={`${match.path}/aircompressor`} component={AirCompressorTable} />

2018年4月4日 09:19