Я пытаюсь изменить страницу в соответствии с внутренним текстом кнопки. Проблема в том, что я понятия не имею, что обновить состояние хранилища. Есть предложения?
export const changePage = (page) => {
return {
type:actionTypes.CHANGE_PAGE,
page
}
}
Состояние хранилища:
const initialState = {
todos: [],
currentPage: 1,
pageCount: 1,
itemsPerPage:10,
}
Редуктор:
case actionTypes.CHANGE_PAGE:
return {
...state,
currentPage: //????
}
Функция в компоненте:
renderPagination = () => {
let {pageCount} = this.props
let {changePage} = this.props.actions
const paging = []
for (let i = 1; i <= pageCount; i++) {
paging.push(
<button
key={uuidv4()}
className={'btn btn-info'}
onClick={changePage(i)}>
{i}
</button>
)
}
return paging
}