Javascript React Redux onClick调用操作创建者不工作
我在一个按钮上有一个onClick调用。我正在调用一个方法(handleQuery)来向我的reducer分派一个操作。下面是按钮和handleQuery调用的相关代码。我尝试了各种方法在按钮上进行onClick调用,但在Redux中看不到任何类型的调度Javascript React Redux onClick调用操作创建者不工作,javascript,reactjs,redux,semantic-ui,Javascript,Reactjs,Redux,Semantic Ui,我在一个按钮上有一个onClick调用。我正在调用一个方法(handleQuery)来向我的reducer分派一个操作。下面是按钮和handleQuery调用的相关代码。我尝试了各种方法在按钮上进行onClick调用,但在Redux中看不到任何类型的调度 import { fetchData } from "../reducers/baseballReducer"; const handleQuery = query => { fetchData(query); }; &
import { fetchData } from "../reducers/baseballReducer";
const handleQuery = query => {
fetchData(query);
};
<Tab.Pane>
<Button onClick={() => handleQuery("t205")} value="t205">
T205
</Button>
</Tab.Pane>
const mapDispatchToProps = {
fetchData
};
最后是我对后端的axios调用
const getByQuery = query => {
const request = axios.get(baseUrl + `?keyword=${query}`);
console.log("Request", request);
return request.then(response => response.data);
};
您使用的是mapDispatchToProps,因此您的函数fetchData可以获取“DISPATCH”,但要获取它,您必须通过prop调用它,而不是直接获取数据()
是的,先生,那是票……地图上的信息仍然混乱——谢谢!请随时在此评论帖子或我的聊天中询问任何问题;)
const getByQuery = query => {
const request = axios.get(baseUrl + `?keyword=${query}`);
console.log("Request", request);
return request.then(response => response.data);
};
const handleQuery = query => {
this.props.fetchData(query);
};