Size: a a a

2019 September 04

a

aaa in React Kyiv
Alexandra Imereli
<div
               className={this.state.active ? 'your_className': null}
               onClick={this.toggleClass}
           > както так
Все блоки отмеччаются активными
источник

a

aaa in React Kyiv
можно максимум для двух в таком способе разрулить
источник

a

aaa in React Kyiv
=(
источник

AI

Alexandra Imereli in React Kyiv
А что собственно вы пытаетесь сделать?
источник

a

aaa in React Kyiv
вот пример. При нажатии, див активный. Все что нужно
источник

a

aaa in React Kyiv
Alexandra Imereli
А что собственно вы пытаетесь сделать?
>
источник

AI

Alexandra Imereli in React Kyiv
Я правильно понимаю это список елементов? тогда нужно детектить на какой именно елемент было нажатие и к нему приписывать стили
источник

B

Bogdan in React Kyiv
а как? а как поднять бабла? куда нажать?
источник

a

aaa in React Kyiv
Alexandra Imereli
Я правильно понимаю это список елементов? тогда нужно детектить на какой именно елемент было нажатие и к нему приписывать стили
да
источник

a

aaa in React Kyiv
Буду по бренд айди делать,  вроде понял
источник

a

aaa in React Kyiv
Bogdan
а как? а как поднять бабла? куда нажать?
Не признанный комик-айтишник?
источник

B

Bogdan in React Kyiv
aaa
Не признанный комик-айтишник?
Проблемы с джойказино?
источник

EM

Eugene M in React Kyiv
aaa
вот пример. При нажатии, див активный. Все что нужно
const MyDiv = ({ children }) => {
 const [isActive, setActiveStatus] = useState(false);
 return (
   <div
     className={{ 'is-active': isActive }}
     onClick={() => {
       setActiveStatus(true);
     }}
   >
     {children}
   </div>
 );
};
источник

a

aaa in React Kyiv
Eugene M
const MyDiv = ({ children }) => {
 const [isActive, setActiveStatus] = useState(false);
 return (
   <div
     className={{ 'is-active': isActive }}
     onClick={() => {
       setActiveStatus(true);
     }}
   >
     {children}
   </div>
 );
};
А если на два нажать,  они ведь оба активны будут..
источник

AR

Alexey Raspopov in React Kyiv
aaa
Привет. Кто знает как правильно сделать.. при клике на конкретный div, делать его(и только его) активным ?
Радио кнопки
источник

SG

Stas G in React Kyiv
Alexey Raspopov
Радио кнопки
стилизовать не так уж просто, по-моему, хотя давно такого не делал
источник

AR

Alexey Raspopov in React Kyiv
Stas G
стилизовать не так уж просто, по-моему, хотя давно такого не делал
Весь див это label for конкретную скрытую радио
источник

AR

Alexey Raspopov in React Kyiv
Заодно поддержка клавиатуры будет
источник

SG

Stas G in React Kyiv
это да
источник

SG

Stas G in React Kyiv
в общем радиокнопками это идеальный вариант, если проще, то вот так:
снаружи контролируй и держи в стейте родителя текущий активный индекс. в колбек на клик передавай установку конкретного индекса новым активным. в рендере сравнивай индексы и если совпадает с активным – добавляй класс
источник