スタイルのリンクが反応ルータv4の

Question

次のように私はNavlink要素を持っている：

<NavLink isActive={this.isActiveFunc.bind(this)} className={classes.subLink} to={{ pathname: "/admin/users" }}> 
     <ListItem button className={classes.nested}> 
      <ListItemText inset primary="Users" /> 
     </ListItem> 
    </NavLink> 

このリンクがアクティブになると私はListItemTextが異なっスタイルになりたいです。これを行うには、私はactivePath状態はtoパスに一致した場合、私はスタイルを設定することができますしかる後、次のロジック

isActiveFunc = (match, location) => { 
    this.setState({activePath: match.path}); 
    return match 
    }; 

を適用してみました。ただし、これによりエラーが発生します：

TypeError: Cannot read property 'path' of null

Answer 1

ListItemTextをスタイリングする上でどの程度のコントロールがありますか？

<NavLink className={classes.subLink} to={{ pathname: "/admin/users" }}> 
    <ListItem button className={classes.nested}> 
     <ListItemText inset primary="Users" isActive={props.match.path == "/admin/users"} /> 
    </ListItem> 
</NavLink>