Добавление символов в поле через redux

Начал учить редакс, смотрел видео, читал статьи, но все равно не понимаю, как сделать скажем так перезагрузку компонента в реакте. Понимаю как обновляется стейт в редаксе, и получается его обновить, но в UI не отображается изменения. Вот мой пример, простой как двери, есть текстовое поле, печатаю символы, они должны появится в этом же поле, в консоле отображается, но в инпуте нет. Событие на onChange. Надо ли использовать метод subscribe, я не до конца понимаю, пробовал его втулить в разные части кода но, нет, выдает ошибку. Мой пример написан в стартовой тсранице реакт приложения

import React from 'react';
import { createStore } from 'redux';

function reducer(state = initState, action){
  if(action.type === 'CHANGE'){
    return {...state, value:action.value}
  } else {
    return state;
  }
}

const initState = {
  value:'',
}

function App() {
  function changeText(e){
    let text = e.target.value;
    store.dispatch({type:'CHANGE', value:text});
    console.log(store.getState());
  }
  return (
    <div>
    <input type="text" value={store.getState().value} onChange={changeText} />
    </div>
  );
}

const store = createStore(reducer);

export default App;

Ответы (0 шт):