Если установлен атрибут true, в противном случае установите className в JSX.

У меня есть кнопка в моем компоненте, которая должна быть отключена, если статус элемента принят, в противном случае должен быть добавлен класс успеха начальной загрузки.

Проблема, с которой я сталкиваюсь здесь, заключается в том, что disabled - это не имя класса, а атрибут, а начальная загрузка btn btn-success - это имя класса.

Если речь идет только о classNames, у меня нет проблем с этим, как здесь

className={items.status === 'declined' ? 'danger' : 'success'}>

Но это приводит к ошибке, и я в настоящее время понятия не имею, как это сделать.

 {items.status === 'accepted' ? 'disabled' : 'className=btn btn-success'}

Я также провел некоторые исследования ранее, но это не помогло мне. Кнопка отключения React.js

Может ли кто-нибудь указать мне правильное направление здесь? Как я могу написать сокращение JSX if-else, когда true является атрибутом, а false - className?

Заранее спасибо!


reactjs javascript jsx react-jsx
person el solo lobo    schedule 29.07.2016    source источник

Ответы (1)


arrow_upward
4
arrow_downward

Вы должны установить оба атрибута className и disabled

const isAccepted    = items.status === 'accepted';
const buttonClasses = isAccepted ? '<some class>' : '<another class>'

<button 
   className={ buttonClasses }
   disabled={ isAccepted }
>
  Button
</button>
person Oleksandr T.    schedule 29.07.2016