javascript - 有一种方法可以通过 Prop 传递 Action 吗？使用 react-redux 制作可重用的组件

Question

我想制作一个动态加载 Action 和状态的组件，以便我可以在代码的其他部分重用它。

我正在尝试这种方式，但操作在发送到组件之前触发:

function ClientsHeader(props) {
    const action = Actions.searchClients();
    return (
        <SearchHeader data={data} campoPesquisa={campoPesquisa} action={action}/>
    );
}    
export default ClientsHeader;

关于 child :

function SearchHeader(props) {
  const dispatch = useDispatch();
  const action = props.action;

  return;
  <div className="flex flex-1 w-full items-center justify-between">
    <Input
      placeholder="Search"
      onChange={event => dispatch(action(event))}
    />
  </div>;
}

有没有办法调用带变量的函数名？因为那会解决这个问题。

请不要对我的愚蠢无礼，我是新手:D

Answer 1

错误来自行 const action = Actions.searchClients();

这实际上调用了函数 searchClients。

它应该是 const action = () => Actions.searchClients();