Сейчас при клике на press есть диспатч который увеличивает счетчик и так же есть reset который обнуляет счетчик. Проблема, что reset работает, но при дальнейшем клике на press счет начинается с того значения которое было обнулено, то есть не с нуля
const initialState = {
counter:0,
}
const store = createStore(reduce);
const reduce = (state = initialState, action) => {
switch(action.type) {
case 'ACTION_CHANGE_COUNTER':
return {...state, counter: ++action.payload };
case 'RESET_COUNTER':
return {...state, counter: action.payload};
}
return state;
}
const ACTION_CHANGE_COUNTER = 'ACTION_CHANGE_COUNTER';
const RESET_COUNTER = 'RESET_COUNTER';
const changeCounter = {
type: ACTION_CHANGE_COUNTER,
payload: initialState.counter
}
const resetCounter = {
type: RESET_COUNTER,
payload: 0
}
class MainComponent extends React.Component {
constructor(props) {
super(props);
this.press = this.press.bind(this);
this.reset = this.reset.bind(this);
}
press() {
store.dispatch(changeCounter)
}
reset() {
store.dispatch(resetCounter) // reset срабатывает и на экране 0, но потом счет начинается не с нуля а с числа где был резет
}
render() {
return <div>
{
this.props.counter
}
<button onClick={this.press}>ok</button>
<button onClick={this.reset}>reset</button>
</div>
}
}
function mapStateToProps (state) {
console.log(state)
return {
counter: state.counter,
}
}
const WrapMainComponent = connect(mapStateToProps)(MainComponent);
ReactDOM.render(<Provider store={store}><WrapMainComponent/></Provider>
, document.getElementById('app')
)