[REACTJS] 반작용-라우터와 액티브 링크?

반작용-라우터와 액티브 링크?

해결법

1. ---

   1.<링크> 더 이상 activeClassName 또는 activeStyle 속성이 없습니다. 당신이 조건부 스타일을 수행하려는 경우 를 사용할 필요가 V4에서 라우터 반응 :

   <링크> 더 이상 activeClassName 또는 activeStyle 속성이 없습니다. 당신이 조건부 스타일을 수행하려는 경우 를 사용할 필요가 V4에서 라우터 반응 :

   const Router = () => (
     <BrowserRouter>
       <div>
         <Nav>
           <NavLink exact={true} activeClassName='is-active' to='/'>Home</NavLink>
           <NavLink activeClassName='is-active' to='/about'>About</NavLink>
         </Nav>
   
         <Match pattern='/' exactly component={Home} />
         <Match pattern='/about' exactly component={About} />
         <Miss component={NoMatch} />
       </div>
     </BrowserRouter>
   )
   

   나는 집 에 정확한 속성을 추가, 나는 꽤 확실 /에 대해 / 일치 당신은 다른 페이지 것이기 때문에 그것없이, 홈 링크는 항상 활성화 될 것입니다.

from https://stackoverflow.com/questions/41131450/active-link-with-react-router by cc-by-sa and MIT license