使用react-redux从函数中检索返回值/对象并将其存储在变量中的步骤如下:
npm install react-redux
connect
函数和相关的action creators和selectors。例如:import { connect } from 'react-redux';
import { fetchUserData } from '../actions/userActions';
import { getUserData } from '../selectors/userSelectors';
connect
函数将其连接到Redux store。在connect
函数中,你可以指定需要从store中检索的数据和需要触发的action。例如:const MyComponent = ({ userData, fetchUserData }) => {
// 在组件中使用userData和fetchUserData
// ...
};
const mapStateToProps = state => ({
userData: getUserData(state),
});
const mapDispatchToProps = {
fetchUserData,
};
export default connect(mapStateToProps, mapDispatchToProps)(MyComponent);
MyComponent
组件中,你可以通过userData
和fetchUserData
来访问数据和触发action:const MyComponent = ({ userData, fetchUserData }) => {
useEffect(() => {
// 在组件挂载时触发fetchUserData action
fetchUserData();
}, []);
return (
<div>
{/* 使用userData */}
<p>{userData.name}</p>
<p>{userData.email}</p>
</div>
);
};
这样,你就可以使用react-redux从函数中检索返回值/对象并将其存储在变量中了。请注意,上述示例中的fetchUserData
和getUserData
是示意性的函数和选择器,你需要根据你的实际需求进行相应的修改和替换。
关于react-redux的更多信息和使用方法,你可以参考腾讯云的相关产品文档:
领取专属 10元无门槛券
手把手带您无忧上云