0

Возможно ли сделать store и подписку компонентов на него аналогично как в Redux чисто на React Hooks ? Возможно есть ссылка на пример ? или это не есть правильный путь и надо использовать Redux ? что проще ?

1 ответ 1

1

Конечно можно, вы просто переносите стейт в ваш костюмный хук.

const useCustomStore = () => {
  const [number, setNumber] = useState(0)
  
  const invrement = () => {
    setNumber(prevState => prevState + 1)
  }

  return { invrement, number } // тут передаем, то что мы хотим использовать в компоненте.
}

в компоненте

const myComponent = () => {
   const {invrement, number} = useCustomStore() // ВНИМАНИЕ!! это создаст новый экземпляр костюмного стора.
                                                // если вам нужно что бы одно и тоже использовалось в других компонентах, тогда вызовите этот хук на самом высоком родителе и пробрасывайте {invrement, number} контекстом

  return (
     <div>
       <p>{number}<p>
       <button onClick={invrement}> + 1 </button>
     <div>
  )
}

Но зачем это все нужно если redux уже сделал это за нас. Хотя все зависит от задач, тут все в вашем желании и голове.

2
  • а нет ли под рукой ссылочек на статьи по этому вопросу ?)
    – Мik
    11 янв 2021 в 12:06
  • 1
    Тут medium.com/javascript-in-plain-english/… неплохо написано но тут еще глобальный хуки описываться, но мне что-то не прижились. Контекст мне удобней.
    – Oleksandr
    11 янв 2021 в 15:55

Ваш ответ

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

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