Radium不能与React路由器IndexLink组件一起使用

import { NavLink } from 'react-router-dom';
import Radium from 'radium';

const styles = {
  link: {
    color: '#fff',
    ':hover': {
      color: '#ff0',
    },
    // Radium will automatically add prefixes and handle pseudo-classes
  },
};

const MyNavLink = Radium(NavLink);

function App() {
  return (
    <nav>
      <MyNavLink to="/" exact activeClassName="active" style={styles.link}>
        Home
      </MyNavLink>
      {/* ...其他链接 */}
    </nav>
  );
}

import { Link } from 'react-router';
import Radium from 'radium';

const styles = {
  link: {
    color: '#fff',
    ':hover': {
      color: '#ff0',
    },
    ':active': {
      color: '#f00',
    },
  },
  active: {
    fontWeight: 'bold',
  },
};

class MyLink extends React.Component {
  render() {
    const { to, activeClassName, ...rest } = this.props;
    const isActive = this.context.router.isActive(to);
    return (
      <Link
        to={to}
        activeClassName={isActive ? activeClassName : ''}
        style={[styles.link, isActive && styles.active]}
        {...rest}
      />
    );
  }
}

MyLink.contextTypes = {
  router: React.PropTypes.object,
};

const RadiumLink = Radium(MyLink);

function App() {
  return (
    <nav>
      <RadiumLink to="/" activeClassName="active">
        Home
      </RadiumLink>
      {/* ...其他链接 */}
    </nav>
  );
}