禁用反应js中的链接答案

【问题标题】：Disable link in react js禁用反应js中的链接
【发布时间】：2020-12-07 05:52:43
【问题描述】：

如果 react js 中的组织 id 为空，我想禁用链接。

下面是代码：

 handleDeleteClick(id) {
    let user = JSON.parse(sessionStorage.getItem("userDetail"))

    this.setState({
        organization_id:user.organization_id
    })
}

    {this.state.action_permission.delete ?
    <li className="list-inline-item px-2">
    <Link to="#" id={"delete" + role.role_id} disable = {this.state.organization_id=""} onClick={() => this.handleDeleteClick(role.role_id)} >
      <i className="bx bx-trash-alt"></i>Delete
      <UncontrolledTooltip placement="top" target={"delete" + role.role_id}>
       Delete
      </UncontrolledTooltip>
  </Link>
  </li>
 : null}

我想禁用链接或删除它。有什么解决办法吗？

【问题讨论】：

你可以试试disabled={!this.state.organization_id}。
我试过了。它没有被禁用
你试过this.state.organization_id ? <Link>... : null类似delete权限检查吗？这应该完全隐藏链接。除了null，您可以根据您的要求呈现带有文本的简单<span> 元素。
是的。那是我第一次尝试。它不工作
它对action_permission.delete 有效。不适用于organization_id？（记住，空白也是真实的）

标签： reactjs

【解决方案1】：

试试这个。

{this.state.organization_id !== "" &&
 (<Link to="#" id={"delete" + role.role_id} onClick={() => this.handleDeleteClick(role.role_id)} >
      <i className="bx bx-trash-alt"></i>Delete
      <UncontrolledTooltip placement="top" target={"delete" + role.role_id}>
       Delete
      </UncontrolledTooltip>
  </Link>
)}

【讨论】：