Телеграмм чат группы reactkyiv страница 3061

Состояние "checked" для чекбокса хранится вроде бы вверху в items, а вроде бы и внутри Checkbox, внутри чекбокса он первый раз берёт checked снаружи, а потом то что внутри него и что бы дальше снаружи не происходило, это не будет влиять.
Стоит не хранить checked внутри компонента checkbox, а только передавать ему checked

источник

19:13пожаловаться #8

KY

Kyrylo Yakovenko • 𝟰𝟮𝟬🦄 engineer in React Kyiv

надо переписывать

источник

19:13пожаловаться #9

KY

Kyrylo Yakovenko • 𝟰𝟮𝟬🦄 engineer in React Kyiv

ошибка туть const [isCheckedCheckbox, setIsCheckedCheckbox] = useState(false);

источник

19:13пожаловаться #10

KY

Kyrylo Yakovenko • 𝟰𝟮𝟬🦄 engineer in React Kyiv

одна из

источник

19:14пожаловаться #11

DB

Dima Bildin in React Kyiv

Dima Bildin

Состояние "checked" для чекбокса хранится вроде бы вверху в items, а вроде бы и внутри Checkbox, внутри чекбокса он первый раз берёт checked снаружи, а потом то что внутри него и что бы дальше снаружи не происходило, это не будет влиять.
Стоит не хранить checked внутри компонента checkbox, а только передавать ему checked

К тому же на onchange чекбокса всегда вызывается

setIsCheckedCheckbox(false);

независимо от того, был он чекнут или анчекнут

источник

19:14пожаловаться #12

AR

Alexey Raspopov in React Kyiv

Kyrylo Yakovenko • 𝟰𝟮𝟬🦄 engineer

ошибка туть const [isCheckedCheckbox, setIsCheckedCheckbox] = useState(false);

let [checked, setChecked] може?)

источник

19:14пожаловаться #13

AR

Alexey Raspopov in React Kyiv

а, это был код из примера, сори сори

источник

19:15пожаловаться #14

AP

Andrii Pereverziev in React Kyiv

Andrii Pereverziev

Привет)
Кто может помочь с хуками в реакт?
Вопрос здесь - https://ru.stackoverflow.com/questions/1065306/how-to-implement-check-all-checkbox-using-react-hooks

Stack Overflow на русском

How to implement check all checkbox using react hooks?

I have trouble when click "Check all" checkbox.

Then I click "1" checkbox.

Then I click "Check all" checkbox and see "1" checkbox is unchecked.

You can find example here - https://stackblitz.com...

Перевел на русский, теперь и ссылка поприятнее выглядит

источник

19:22пожаловаться #15

AH

Anton Harasko in React Kyiv

Andrii Pereverziev

Привет)
Кто может помочь с хуками в реакт?
Вопрос здесь - https://ru.stackoverflow.com/questions/1065306/how-to-implement-check-all-checkbox-using-react-hooks

Stack Overflow на русском

How to implement check all checkbox using react hooks?

I have trouble when click "Check all" checkbox.

Then I click "1" checkbox.

Then I click "Check all" checkbox and see "1" checkbox is unchecked.

You can find example here - https://stackblitz.com...

у тебя состояние list изменяется сейчас только при изменении общего чекбокса, а следуя твоей логике его нужно изменять из любого чекбокса

источник

19:24пожаловаться #16

AH

Anton Harasko in React Kyiv

а так же для полной функциональности select all используй методы массива every и some

источник

19:29пожаловаться #17

I

Ihor in React Kyiv

Andrii Pereverziev

Привет)
Кто может помочь с хуками в реакт?
Вопрос здесь - https://ru.stackoverflow.com/questions/1065306/how-to-implement-check-all-checkbox-using-react-hooks

Stack Overflow на русском

How to implement check all checkbox using react hooks?

I have trouble when click "Check all" checkbox.

Then I click "1" checkbox.

Then I click "Check all" checkbox and see "1" checkbox is unchecked.

You can find example here - https://stackblitz.com...

удаляй стейт из checkbox.js; onChangeHandler внутри него не должен принимать параметров; заранее его определи в верхнем компоненте так, чтобы он просто менял стейт на противоположный существующему; вообще не обращайся к event.target.checked, просто устанавливай нужное тебе значение в зависимости от условия; нужно избегать множества источников правды

источник

19:30пожаловаться #18

AP

Andrii Pereverziev in React Kyiv

Ihor

удаляй стейт из checkbox.js; onChangeHandler внутри него не должен принимать параметров; заранее его определи в верхнем компоненте так, чтобы он просто менял стейт на противоположный существующему; вообще не обращайся к event.target.checked, просто устанавливай нужное тебе значение в зависимости от условия; нужно избегать множества источников правды

В компоненте checkbox.js нельзя обойтись без стейта, потому что как тогда менять checked/unchecked для него

источник

19:33пожаловаться #19

I

Ihor in React Kyiv

Andrii Pereverziev

В компоненте checkbox.js нельзя обойтись без стейта, потому что как тогда менять checked/unchecked для него

У тебя же там вверху есть list. Ты в нём и так хранишь статус; можно перенести все эти данные в useState, хранить их там же, а в чайлдах просто общаться с этой структурой, меняя .status

источник

19:35пожаловаться #20