如何从 NextJs 中的 getServerSideProps 访问 Redux 状态?

时间:2021-04-30 13:52:59

标签: javascript reactjs redux next.js

我只是在学习 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 组件一样,但这也不起作用。谁能告诉我我在这里做错了什么?

0 个答案:

没有答案