Javascript 如何创建将函数作为其参数之一的函数

我正在尝试创建一个函数，它接受一个函数（在本例中是一个react hook useState函数）作为其参数之一，以简化下面的代码（我只显示了2列，我的实际数据大约有30列，因此我尝试简化）

---

显然，这是行不通的，那么有人对我如何实现我的目标有什么建议吗？

删除括号：

function dropDownRow(value, setValue) {

在这里：

{dropDownRow(teamName, setTeamName)}
{dropDownRow(teamLocation, setTeamLocation)}

或者也可以使用更简洁的语法：

const DropDownRow = ({ value, setValue }) => ...

然后

---

像这样创建函数

function DropDownRow({ value, setValue }) {
  return (
    <div className="editHere">
      <input value={value} onChange={e => setValue(e.target.value)} />
    </div>
  );
}

函数下拉列表（{value，setValue}）{
返回(
setValue（e.target.value）}/>
);
}

你的推荐人应该喜欢

      <DropDownRow value={teamName} setValue={setTeamName} />
      <DropDownRow value={teamLocation} setValue={setTeamLocation} />

const DropDownRow = ({ value, setValue }) => ...

<DropDownRow value={teamName} setValue={setTeamName} />
<DropDownRow value={teamLocation} setValue={setTeamLocation} />

function DropDownRow({ value, setValue }) {
  return (
    <div className="editHere">
      <input value={value} onChange={e => setValue(e.target.value)} />
    </div>
  );
}

      <DropDownRow value={teamName} setValue={setTeamName} />
      <DropDownRow value={teamLocation} setValue={setTeamLocation} />