Reactjs NextJS：从getServerSideProps getState（）或useSelector（）内部获取状态值的正确方法？

因此，我一直在尝试使用

nextredux包装器

，并向我的api端点发出请求，以获取带有

redux传奇

的博客。我能把数据拿到州政府。我唯一的疑问是，从国家获得特定价值的正确方式是什么；我知道这两种解决方案是在函数组件中使用

store.getState（）

内部

getServerSideProps（）

还是使用

useSelector（）

钩子

据我所知，使用

useSelector（）

将不利于服务器端呈现，因为它在客户端调用数据。对吗

我的代码使用

useSelector（）

：

---

哪种方法正确地遵循服务器端呈现逻辑？

使用

store.getState（）：

的代码是正确的方法，正如您所提到的，useSelector用于获取客户端的状态。使用next redux wrapper将创建两个存储，一个用于服务器（getStaticProps，getServerSideProps），另一个用于客户端

因此，在水合之后，如果需要从存储访问一些数据，则可以使用

useSelector（）

在客户端？是的，您仍然需要发送相同的操作如果这响应了您的问题，您可以将其标记为已接受的响应

export default function BlogsList(){
    const blogs = useSelector(state => state.blogReducer.blogReducer.blog);

    return(
        <div className="mainCon">
            <ul>
                {blogs.map((item) => (
                    <li key={item.author}>
                        <span>{item.author}</span><br/>
                        <span>{item.title}</span>
                        <h4>{item.body_delta}</h4>
                        <p>{item.body_html}</p>
                        <p>{item.created_on}</p>
                    </li>
                ))}
            </ul>
        </div>
    );
}

export const getServerSideProps = wrapper.getServerSideProps( async ({store, req}) =>{
    store.dispatch({type: FETCH_BLOG_LIST});
    store.dispatch(END);
    await store.sagaTask.toPromise();
});

export default function BlogsList({blogs}){
    return(
        <div className="mainCon">
            <ul>
                {blogs.map((item) => (
                    <li key={item.author}>
                        <span>{item.author}</span><br/>
                        <span>{item.title}</span>
                        <h4>{item.body_delta}</h4>
                        <p>{item.body_html}</p>
                        <p>{item.created_on}</p>
                    </li>
                ))}
            </ul>
        </div>
    );
}


export const getServerSideProps = wrapper.getServerSideProps( async ({store, req}) =>{
    store.dispatch({type: FETCH_BLOG_LIST});
    store.dispatch(END);
    await store.sagaTask.toPromise();

    const blog = store.getState();
    const blogs = blog.blogReducer.blog;
      
    return { props: {blogs}, };
});