Javascript React Redux onClick调用操作创建者不工作

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); }; &

我在一个按钮上有一个onClick调用。我正在调用一个方法(handleQuery)来向我的reducer分派一个操作。下面是按钮和handleQuery调用的相关代码。我尝试了各种方法在按钮上进行onClick调用,但在Redux中看不到任何类型的调度

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);
 };