Добавление символов в поле через 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;