当我搜索任何数据Redux调用行动无限。它给我的权利也详细资料和调用未定义无限的时间。我该如何解决这个问题？

行动

export const SEARCH_PRO = (query) =>{
    return {
        type: SEARCH_PROS,
        query,
       
    }
}

减速器

export const productData = (state = { searchDatas: [] }, action) => {
    switch (action.type) {
            case SEARCH_PROS:
                console.warn("PRODUCT_LIST condition ", action.searchProds)
                return {searchDatas:[action.searchProds]}
        default:
            return state
    }
}

** Saga **

function* searchProducts(data) {
    let result = yield fetch(`products/searchpro?search=${data.query}`);
    result = yield result.json();
    console.warn("products action is called", result)
    console.warn("products action is ", data.query)
    yield put({type: SEARCH_PROS, searchProds:result.products.data})
}

export function* productSaga() {
    yield takeEvery(SEARCH_PROS, searchProducts)
}

搜索组件

<input type="search" className="form-control" name="search" placeholder="Search your Products" onChange={(event) => dispatch(SEARCH_PRO(event.target.value))} />