我想在某些情况下禁用Link:

render() {
    return (<li>{this.props.canClick ?
        <Link to="/">Test</Link> :
        <a>Test</a>}
    </li>)
}
<Link>必须指定to,因此我无法禁用<Link>,我必须使用<a>

最佳答案

您可以设置链接的onClick属性:

render () {
  return(
    <li>
    {
      this.props.notClickable
      ? <Link to="/" className="disabledCursor" onClick={ (event) => event.preventDefault() }>Link</Link>
      : <Link to="/" className="notDisabled">Link</Link>
    }
    </li>
  );
};

然后使用cursor属性通过css禁用悬停效果。
.disabledCursor {
  cursor: default;
}

我认为应该做到这一点?

09-10 14:25
查看更多