0

나는 팝업 모듈에 별도의 URL을 얻으려고 반응하여, 작동하지 않습니다HREF, 나는 리디렉션 버튼을 사용하고 라우터

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> 
}; 

답변

1

링크 구성 요소는 href가 아닌 'to'소인을 사용합니다. 그래서 당신은 원할 것입니다

<Link to="/exerciseadd"> 
+0

정말 고마워요! 왜 일상적으로 작동하지 않는지 아시나요? ?? –

+0

앵커 태그를 사용하면 단일 페이지 앱 스타일 라우팅 개념이없는 평범한 html 앵커 태그가 렌더링됩니다. 그러면 브라우저의 위치 관련 정보가 현재 사용중인 기본 경로로 변경되어 앱을 다시로드하게됩니다. Link 구성 요소는 귀하가 귀하의 SPA 내에서 연결을 시도하고 있다는 것을 알고 해당 행동을 구현합니다. – TLadd