将新对象或对象集合添加到道具

时间:2018-05-24 20:14:24

标签: reactjs react-redux redux-saga

我有一个React页面,它从一个使用saga中间件的redux商店加载一堆东西。

在这个特定页面中,我想加载一些未通过道具传递的新内容。

所以我为新上传的个人资料照片集创建了一个新的reducer,action和watcher。

有没有办法在我设置的时候加载这个新集合而不将其作为道具传递?

谢谢! :)

这是我对该页面的反应函数:

export default function profileEdit(props) {
    //passed in as props
    const { stats, weapons, armor, readOnly } = props;

    //not passed in as props
    const { profilePics } = ??;

    return (
        <div></div>
    )

1 个答案:

答案 0 :(得分:0)

你可以使用props或context api传递一些东西来反应组件。

由于你在redux商店中有你的照片,正确的方法是将你的组件包裹在connect的{​​{1}}函数包装中,并通过react-redux选择集合。

这样,您从redux商店获取的数据将被注入到您的组件的道具中,以便您可以显示它们。

这是一个例子:https://gist.github.com/markerikson/121c77a01c453466361a9c6434a08620