我只是在学习 NextJs 以及如何使用 Redux,我遇到了一个问题。我有一个映射到 props 的商店,使用这个方法可以很好地从我的主要组件访问商店:
const mapStateToProps = function(state) {
return {
text: state.text,
page: state.page,
users: state.users
}}
function Github(props) {
return (
<div>
<h1>{props.page}</h1>
<h1>{props.text}</h1>
</div>
);
}
但是,我还有一个 getServerSideProps,我想在其中使用状态数据:
export async function getServerSideProps() {
const state = store.subscribe(()=>{
const state = store.getState()
return state
})
const res = await fetch(`https://api.github.com/search/users?=${state.text}&per_page=10&page=${`1`}`)
const data = await res.json()
return {
props: { results: data, }
}
}
目前我正在使用 store.subscribe,它不起作用并且不会将数据传递给 getServerSideProps。我还尝试通过 props 传递状态,就像上面的 Github 组件一样,但这也不起作用。谁能告诉我我在这里做错了什么?