javascript - 如何将参数传递给函数并仍然访问事件以防止默认

Question

我有一个简单的功能可以在项目管理应用程序中创建项目。提交表单时，我想调用这个函数，我想将一个 ID 传递给它，但我仍然想在事件上阻止默认。

这是我的代码现在的样子

<form onSubmit={() => addItem(list.id)}>

// And the function
  const addItem = listId => {
    event.preventDefault();
    console.log(listId);
  };

我也试过像这样在 addItem 函数中返回另一个函数

  const addItem = listId => {
    return event => {
      event.preventDefault();

      console.log("Add item");
    }
  };

我想访问事件但不知道该由谁来正确设置参数。

Answer 1

你可以保持柯里化(Currying)并像这样调用 addItem :

<form onSubmit={addItem(list.id)}>

和:

const addItem = listId => {
    return event => {
      event.preventDefault();

      console.log("Add item");
    }
  };

或者

const addItem = listId => event => {
  event.preventDefault();
  console.log("Add item", listId);
};