Я создаю веб-приложение, используя next. js & redux, и пытаюсь получить данные, когда я перехожу на sh или захожу на страницу, набирая URL-адрес напрямую.
Я положил действие getItems в getInitialProps, чтобы оно автоматически запускалось при обновлении страницы, но оно никогда не работает.
Если я нажимаю кнопку действия getItems вручную после обновления страницы, он загружает данные из БД поэтому я думаю, что функция действия работает нормально.
Но как я могу автоматически получать данные при обновлении страницы?
import Head from 'next/head'
import Link from 'next/link'
import { connect } from 'react-redux'
import { getItems } from '../../store/actions/itemAction'
const Index = props => {
return (
<>
<Head>
<title>Item List</title>
</Head>
<div>
<Button onClick={() => props.getItems()}>Get Items!</Button>
</div>
</>
)
}
Index.getInitialProps = async ({ store }) => {
await store.dispatch(getItems())
return {}
}
const mapStateToProps = state => ({
goods: state.item.goods,
})
const mapDispatchToProps = dispatch => ({
getItems: () => dispatch(getItems())
})
export default connect(mapStateToProps, mapDispatchToProps)(Index)