使用Redux分派来响应本机无限循环

时间:2020-08-02 05:17:26

标签: reactjs react-native redux infinite-loop

我有一个简单的程序,可以检索一些远程数据并将其设置为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,
            }
        ...

我已经尝试了所有可以从网络上找到的内容,但是没有一个起作用。对我来说真的很奇怪。非常感谢任何可以帮助我解决这个问题的人。

0 个答案:

没有答案