href不起作用,使用反应路由器

Question

我正在尝试为弹出模块提供一个单独的URL,我正在使用一个按钮来重定向:

trigger={ <Link href="/exercisesadd">
          <Button style={style} waves='light' > Add new</Button></Link>
        }>

但我收到404错误,即使我在反应路由器中有这条路线:

    export default () => {
    return <Route path="/"component={Container} auth={auth}>
        <IndexRoute component={Home}/>
        <Route path="/portfolio"  onEnter={requireAuth} component={Portfolio} />
        <Route path="/Login" component={Home} />
        <Route path="/home" component={Home}  />
        <Route path="/edit" component={Edits}/>
        <Route path="/exercises" component={Exercises}/>
        <Route path="/exercisesadd" component={Exercises}/>
    </Route>
};

Answer 1

Link组件采用'to'prop而不是href.所以你想要的

<Link to="/exerciseadd">