Kогда состояние в дочернем компоненте изменилось, как отправить эти значения родительскому компоненту?

Question

[Mk55]

и как это сделать , с помощю хуков

Answer 1

[Александр Черемхин]

Состояния в React передаются сверху вниз. (от родителя детям). Обычно родительский компонент получает действие от дочернего при помощи функций.

const Parent= props =>{
  const [active, setActive] = useState(0);

  const onSeleсt = index =>{
    setActive(index); 
  };

  return <Items  active={active} onSelect={onSelect} {...props}/>;
}

Answer 2

[0xD34F]

Если отвечать ровно на то, что было спрошено - из родительского компонента в дочерний передавайте функцию, которая будет вызываться в эффекте, зависящем от отслеживаемого значения.

В родительском компоненте:

<Child onChange={onChange} />

В дочернем:

useEffect(() => props.onChange(val), [ val ]);

https://jsfiddle.net/su2az6of/

Но вообще, это странно. Обычно, если надо отправлять изменения какого-то значения родителю, то само значение хранится там же, в родителе, и передаётся через props (вместе с функцией, которая его обновляет).

https://jsfiddle.net/su2az6of/1/