javascript - 如何从 actionFormatter 中分派一个动作？

Question

我正在尝试从返回下拉列表的 actionFormatter 中分派一个动作。我不知道如何useDispatch在下面的这部分代码中“定义”。

我希望这个删除处理程序能够调度一个动作或能够(dispatch) => dispatch(templateDelete())为onChange.

// AFTER {id} there was a : instead of , 
const actionFormatter = (dataField, { _id }, row) => ( 
  // Control your row with this id
  
  <UncontrolledDropdown>
    <DropdownToggle color="link" size="sm" className="text-600 btn-reveal mr-3">
      <FontAwesomeIcon icon="ellipsis-h" className="fs--1" />
    </DropdownToggle>
    <DropdownMenu right className="border py-2">
      <DropdownItem onClick={() => console.log('Edit: ', _id)}>
        Edit
      </DropdownItem>

      {/* this is where Id like to dispatch an action */}
      <DropdownItem onClick={deleteHandler} className="text-danger">
        Delete
      </DropdownItem>
    </DropdownMenu>
  </UncontrolledDropdown>
);

标签： javascriptreactjsredux