How can I pass parameters to django api call via redux? - django

Question

How can I pass the name, age, height arguments to my redux action ?
I am using django rest api as the backend
export const Search_Results = (name, age, height) => {
return dispatch => {
axios.get("http://127.0.0.1:8000/api/")
.then(res => {
const info = res.data;
dispatch(presentResult(info))
});
}
};
The presentResult is
export const presentResult = results => {
return {
type: actionTypes.PRESENT_RESULTS,
results: results
}
};
My reducer is
const presentResult = (state, action) => {
return updateObject(state, {
results: action.results
});
};
switch (action.type)
case actionTypes.PRESENT_RESULTS:
return presentResult(state, action);
The updateObject is simply this
export const updateObject = (oldObject, updatedProperties) => {
return {
...oldObject,
...updatedProperties
}
};
Update:
Basically info is all the data in the database, and the user searches by passing the parameters name, age, height. I am trying to filter the info data and to pass it only if it has any of the keywords in name, age, height.

Answer 1

You can just make them part of the payload:
dispatch(presentResult({info, name, age, height}));
You'll be able to access the values in reducer like so:
//...
case actionTypes.PRESENT_RESULTS,:
return {...state, results: action.results}
//...
Edit: If you want to actually filter the data in reducer, use filter method for arrays:
//...
case actionTypes.PRESENT_RESULTS,:
return {
...state,
results: state.results.filter(result => {
return result.name === action.results.name || result.age === action.results.age || result.height === action.results.height
})
}
//...
If you want to find an object by exact match on all the fields, use `&&` instead.