Блог

Главная - Вопросы по программированию - Отключить ссылку в react js

Отключить ссылку в react js

#reactjs

Вопрос:

Я хочу отключить ссылку, если идентификатор организации пуст в react js.

Ниже приведен код:

  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}

Либо я хочу отключить ссылку, либо удалить ее . Есть какие-нибудь решения?

Комментарии:

1. ты можешь попробовать disabled={!this.state.organization_id} .

2. Я пытался . его не отключают

3. Вы пробовали this.state.organization_id ? <Link>... : null что-то подобное для delete проверки разрешений? Это должно полностью скрыть ссылку. Вместо null этого вы можете отобразить простой <span> элемент с текстом в соответствии с вашими требованиями.

4. ДА. Это была моя первая попытка. это не работает

5. Это работает action_permission.delete правильно. На кого не работаешь organization_id ? (Помните, пустое место также будет правдивым)

Ответ №1:

Попробуй это.

 {this.state.organization_id !== "" amp;amp;
 (<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>
)}
Метки: