Реагируйте по начальной загрузке по списку-группе-элементу выделите элемент / активный - PullRequest
Новая
       7

Реагируйте по начальной загрузке по списку-группе-элементу выделите элемент / активный

0 голосов
/ 04 сентября 2018

У меня есть 2 панели со списком групп на каждой панели. Я использую бутстрап.

Проблема: При первом нажатии элемента списка группы на панели 1 он меняется style = "success", но при нажатии на второй элемент списка группы на панели 1 стиль меняется на «успех», но при этом стиль первого элемента списка группы не изменяется на значение по умолчанию. (style = "").

Нажмите на элемент списка группы, он должен изменить стиль или активный или изменить цвет фона. Выделите выбранный элемент и удалите его, если щелкнуть другой элемент на соответствующей панели.
Альтернатива <ListGroupItem href="#" active>

мой код: код

1 Ответ

0 голосов
/ 04 сентября 2018

Вкл. onSelectDevice функция настройки card.style = "success"; для обеих кнопок A и B.

Но вы не сбрасываете старый стиль на пустой при нажатии на B.

либо вы можете сделать как решение @Guillermo Quiros, либо вы можете снова установитьState this.state.cards, как показано ниже: 

let showPropContainer = this.state.cards.slice() or [...this.state.cards];
let cards = showPropContainer.map((val, index) => {
    val.esn === card.esn ? val.style="success" : val.style=""
    return val;
});
this.setState({ selectedCard: card , cards})

Полное решение доступно здесь

...