0

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

const ComponentA = () = {
    const [someState, setSomeState] = useState(null);

    return (
        <ComponentB setSomeState={setSomeState} />
    )
}


const ComponentB = ({setSomeState}) = {
    
  const handle = () => {
    setSomeState('Новое значение state');
    someFunction() // Вот эта функция на момент вызова видит, что в state ещё null, как то можно выполнить запуска после изменения state? 
  }
  
  return (
    /* some JSX */
  )
}
3
  • в сетСтейт передавать колбек.
    – entithat
    25 апр 2021 в 16:56
  • setState это классовые же компоненты, а у меня функциональная 25 апр 2021 в 17:02
  • имею ввиду setSomeState
    – entithat
    25 апр 2021 в 17:03

1 ответ 1

2

почему не подходит?

export const First = () => {
    const [someState, setSomeState] = useState(null);

    return (
        <Second someState={someState} setSomeState={setSomeState} />
    )
}


export const Second = ({setSomeState,someState}) => {
    const [isClicked, setIsClicked] = useState(false);
    const handle = () => {
        setSomeState(() => {
            return `${Math.random()}`
        })
        setIsClicked((prev) => {
            return !prev
        })
      }
      useEffect(() => {
          console.log(someState);
      },[isClicked])
    return (
        <button onClick={handle}>abcd</button>
    )
}
4
  • потому что в Second уже есть функция которое меняет someState через input и если я добавлю useEffect, то он на каждый ввод в инпут будет отрабатывать. В классовых в setState второй аргумент передавалась функция, в функциональных аналога нет ? 25 апр 2021 в 16:46
  • @YourDeveloper а так?
    – Armen
    25 апр 2021 в 16:55
  • 1
    с isClicked сам думал) сомневался, показалось каким-то костылем. Да такое решение подходит, useEffect только нужно от isClicked, а не от isClicked и state. Спасибо ! А вижу, что зависимости поставил isClicked только, спасибо еще раз за решение ! 25 апр 2021 в 17:02
  • @YourDeveloper я не спец просто в голову пришло как по мне все тут норм никаких костылей)))
    – Armen
    25 апр 2021 в 17:10

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.