redux - 将 Prop 传递给 redux 初始状态

Question

我想根据从 Home.js 获得的现有 Prop 在 reducer.js 中设置初始状态

我试图调用 home: this.props.homedata 来设置初始状态，但它不起作用。

import { COMMENT_SHOW, LIKE_SHOW, HOMEDATA_SHOW } from '../actions/types';

const INITIAL_STATE = {
    wallid: '',
    comment: '',
    like: '',
    home: this.props.homedata
};
export default (state = INITIAL_STATE, action) => {
........///////////
}

Reducer.js

当应用程序加载时，我想在家里获取与我在 homedata 状态下相同的数据

Answer 1

我认为不可能将 prop 传递给您的 reducer 。您可以做的是拥有一个数据集文件，比如 data.js，然后导出您的数据。将其导入到您的 reducer 文件中，并将其设置为您的初始数据。

import { COMMENT_SHOW, LIKE_SHOW, HOMEDATA_SHOW } from '../actions/types';
import { homeData } from 'path/to/data';

const INITIAL_STATE = {
    wallid: '',
    comment: '',
    like: '',
    home: homedata,
};
export default (state = INITIAL_STATE, action) => {
........///////////
}

如果您不希望在应用程序运行时修改示例数据。也许您需要它来重置您的家庭数据，您需要在将数据传递到您的初始状态之前克隆数据。