下一个JS:"水化"操作在使用"redux-observable"时不接收服务器有效负载



包:

  1. redux-observable@2.0.0-rc.2
  2. rxjs最新
  3. universal-rxjs-ajax开发分支
  4. next-redux-wrapper最新
  5. next.js最新

我有一个带有getStaticProps:的简单页面

export const getStaticProps = wrapper.getStaticProps((store) => async (ctx) => {
store.dispatch({ type: 'ADD_DATA' });
// const response = await fetch('https://rickandmortyapi.com/api');
// const data = await response.json();
// store.dispatch({ type: 'SERVER_ACTION', payload: data.characters });
return {
props: {},
};
});

动作'ADD_DATA'触发动作'SERVER_ACTION':

export const AddDataEpic: Epic = (action$) =>
action$.pipe(
ofType('ADD_DATA'),
mergeMap((action) =>
request({ url: 'https://rickandmortyapi.com/api' }).pipe(
map((response) => {
return {
type: 'SERVER_ACTION',
payload: response.response.characters,
};
})
)
)
);

case 'SERVER_ACTION':子句中的reducer内部,我接收有效载荷:

const server = (state: State = { data: null }, action: AnyAction) => {
switch (action.type) {
case HYDRATE: {
console.log('HYDRATE >', action.payload); // logs out "HYDRATE > { server: { data: null } }"
return {
...state,
...state.server,
...action.payload.server,
};
}
case 'SERVER_ACTION': {
console.log('SERVER_ACTION >', action.payload); // logs out "SERVER_ACTION > https://rickandmortyapi.com/api/character"
return {
...state,
...state.server,
data: action.payload,
};
}
default:
return state;
}
};

但有效载荷未传递给HYDRATE操作:
console.log('HYDRATE >', action.payload); // logs out "HYDRATE > { server: { data: null } }"

如果我从getStaticProps:内部调度'SERVER_ACTION'操作

export const getStaticProps = wrapper.getStaticProps((store) => async (ctx) => {
// store.dispatch({ type: 'ADD_DATA' });
const response = await fetch('https://rickandmortyapi.com/api');
const data = await response.json();
store.dispatch({ type: 'SERVER_ACTION', payload: data.characters });
return {
props: {},
};
});

reducer内的HYDRATE动作接收有效载荷:
HYDRATE > { server: { data: 'https://rickandmortyapi.com/api/character' } }

我不明白我的代码出了什么问题
可能是其中一个库中的错误?还是我的代码有误?

如果有人有任何建议,请

@PYTHON DEVELOPER999可能是由于下一个redux包装器的最新更新,迁移步骤很少=>

https://github.com/kirill-konshin/next-redux-wrapper#upgrade-从6倍到7倍

最新更新