我有一个简单的程序,可以检索一些远程数据并将其设置为redux存储,然后显示。最后,使用处处描述的各种方法陷入无限循环,只是行不通。我相信这可能是一个小错误,只是无法解决。
组件:
echo '<br /><br /><br /><h1 align="center">Welcome User</h1>';
echo '<p align="center"><a href="' . base_url() . 'private_area/logout">Logout</a></p>';
操作::
const OrdersScreen = (props) => {
useEffect(() => {
props.getCurrentOrders();
}, []);
return (
<>
....
</>
)
}
const mapStateToProps = (state) => {
return state;
};
const mapDispatchToProps = dispatch => {
return bindActionCreators({
getCurrentOrders
}, dispatch)
};
export default connect(mapStateToProps, mapDispatchToProps)(OrdersScreen);
减速器:
export function getCurrentOrders() {
return function (dispatch, getState) {
var userID = getState().authReducer.user.local.email;
fetchServer('mGetOrders', { userID: userID })
.then((res) => {
dispatch({ type: 'GET_ORDERS', orders: res });
})
}
};
商店:
export default function orderReducer(state = initialState, action) {
switch (action.type) {
case 'GET_ORDERS':
return {
...state,
orders: action.orders,
}
...
我已经尝试了所有可以从网络上找到的内容,但是没有一个起作用。对我来说真的很奇怪。非常感谢任何可以帮助我解决这个问题的人。