javascript - React Hook "useDispatch"在函数 "setApprovedDecision"中调用，它既不是 React 函数组件

Question

下面是代码块，通过它我得到了标题中提到的错误。我们是否需要将调度传递给子组件。 (我所有的子组件都是功能组件)

import { useDispatch } from "react-redux";

export function ApproveModal(props) {
  const setApprovedDecision = () => {
    useDispatch({ type: SUBMIT_DECISION , payload: props.decisionData});
  };
  return (
    <Button buttonStyle="secondary" onClick={setApprovedDecision}>
    Approve
    </Button>
  );
}```

Answer 1

您调用useDispatch 返回dispatch 函数，然后将用于调度 Action

import { useDispatch } from "react-redux";

export function ApproveModal(props) {
  const dispatch = useDipatch();
  const setApprovedDecision = () => {
    dispatch({ type: SUBMIT_DECISION , payload: props.decisionData});
  };
  return (
    <Button buttonStyle="secondary" onClick={setApprovedDecision}>
    Approve
    </Button>
  );
}