Как обернуть компонент NavLink React Router v4?

Question

Я пытаюсь выяснить, как обернуть React Router v4's NavLink компонент для установки по умолчанию activeClassName.

Однако props не определено.

Wrapper:

const Test = ({children, props}) => { 
    console.log(children) // Blackboard 
    console.log(props) // undefined 
    return (
    <NavLink activeClassName="active" {...props}> 
     {children} 
    </NavLink> 
) 
} 

Использование:

<Test to='/blackboard'>Blackboard</Test> 

Почему children заселена, но propsнеопределенными?

Update:

При использовании to вместо props, это работает.

const Test = ({children, to}) => {

Однако, я не знаю, почему props не работает.

Answer 1

Хорошо, я понимаю это сейчас.

const Test = ({children, to}) => {

children и to являются деструктурированный от props.

Это работает:

const Test = props => 
    <NavLink activeClassName='active' {...props}> 
    {props.children} 
    </NavLink>