javascript - ReactJS + react 路由器 : How to disable link from React-Router's <Link>?

Question

使用 React-Router 的链接，我有一个像这样的设置:

<Link to={...}>{this.props.live? "Live": "Not Live"}</Link>

如果 this.props.live被传入，我想简单地显示一个文本“实时”，它将指向一个新页面。如果this.props.live未传入，想要显示文本“Not Live”但从中删除超链接/停用/禁用它。

有可能吗？我试过 <div style={{pointerEvents: "none"}}>Not Live</div> ，但不起作用。

将投票并接受答案。谢谢!

Answer 1

你应该这样做:

let component;

component=this.props.live? <Link to={...}> Live </Link>: <div> Not Live </div>
 render() {
    {component}
  }

干杯:)