我有一个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>
)
答案 0 :(得分:0)
你可以使用props或context api传递一些东西来反应组件。
由于你在redux商店中有你的照片,正确的方法是将你的组件包裹在connect
的{{1}}函数包装中,并通过react-redux
选择集合。
这样,您从redux商店获取的数据将被注入到您的组件的道具中,以便您可以显示它们。
这是一个例子:https://gist.github.com/markerikson/121c77a01c453466361a9c6434a08620