Подключите избыточный к одному компоненту реакции

Question

Хотя это может быть и нехорошая схема, меня интересует, как можно подключить один компонент реакции к магазину.

Например, если у меня было:

const store = createStore();

const testComponent = props => {
    const name = store.name; // this won't work because it won't update

    return (<p>{ name }</p>);
};

Я предполагаю, что мне нужно как-то передать значения из магазина через реквизит, чтобы компонент обновлялся автоматически. connect, однако, кажется, требует, чтобы хранилище уже было введено в контекст через предоставленное.

Я мог бы относительно легко просто создать дополнительный компонент в качестве родительского для этого, но мне интереснознать, как это возможно.

Answer 1

Если вы не хотите оборачивать свой компонент в connect, вы можете использовать useSelector ловушку от redux, которая работает следующим образом:

import { useSelector } from 'react-redux'

const TestComponent = () => {
  const name = useSelector(state => state.name)
  return <p>{name}</p>
}

Но вам все равно нужно добавить хранилище черезпровайдер.