#javascript #reactjs #redux #next.js
Вопрос:
Я просто изучаю NextJS и как использовать с ним Redux, и я сталкиваюсь с проблемой. У меня есть магазин, сопоставленный с реквизитами, и использование этого метода отлично подходит для доступа к магазину из моего основного компонента:
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}amp;per_page=10amp;page=${`1`}`)
const data = await res.json()
return {
props: { results: data, }
}
}
В настоящее время я использую store.subscribe, который не работает и не передает данные в getServerSideProps. Я также попытался передать состояние через реквизит, как в приведенном выше компоненте Github, но это также не сработало. Кто-нибудь может сказать мне, что я здесь делаю не так?