javascript - React Router v4 の NavLink コンポーネントをラップするには?

Question

NavLinkReact Router v4 のコンポーネントをラップして default を設定する方法を見つけようとしていますactiveClassName。

ただし、props未定義です。

ラッパー:

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 未定義なのはなぜですか?

アップデート：

toの代わりに使用するpropsと機能します。

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

ただし、なぜ機能しないのかわかりpropsません。