React 시맨틱 UI에서는 NavLink를 사용하여 활성 페이지 클래스를 설정합니까?

Question

시맨틱 UI 반응 및 반응 라우터를 사용하고 있습니다. 반작용

<NavLink to="/" exact activeClassName="active">Home</NavLink> 

그러나이 시맨틱 UI 작동하지 않습니다 : 나는에

<Menu.Item 
     header 
     as={NavLink} 
     to="./" 
     children="Diplomat" 
     activeClassName="active" 
    /> 

볼 수 있습니다에서 NavLink의 componenet는 라우터는 다음의 활성 페이지의 링크를 알고 활성 클래스를 설정할 수 있습니다 반작용 브라우저에서 aria-current 등록 정보를 true로 올바르게 설정합니다. 따라서 NavLink는 활성 상태 일 때 '알고'있지만 Menu.Item에 전달할 수는 없습니다.

Answer 1

실수로. 방금 exact 속성과 다른 경로가 필요했습니다. 이제 작동합니다.

<Menu.Item header as={NavLink} exact to="/" children="Diplomat" />