javascript - 如何在 react 选择中使用 onChange

Question

我正在尝试在我的 react-select 中创建 onChange 函数。这是我的以下代码:

  const find = (event) => {
    event.preventDefault();
    if (event.target.value === "Users") {
      setSearchUsers(true);
      setSearchTeams(false);
    } else if (event.target.value === "Teams") {
      setSearchUsers(false);
      setSearchTeams(true);
    }
  };

  <Select
    className="search-select"
    instanceId="long-value-select"
    closeMenuOnSelect={false}
    components={animatedComponents}
    defaultValue="Select"
    isMulti
    onChange={(e) => find(e.target.value)}
    options={searchData}
  />

当我尝试更改选项时，它给了我这个错误

TypeError: event.preventDefault is not a function

在这种情况下如何使用 onChange 函数？

Answer 1

您正在通过 event.target.value进find方法，然后使用该事件值来获取 event.target.value再次。您不需要再次执行此操作，因为您已经传递了该值。 prevenDefault()方法不存在于事件的值上，但存在于事件对象本身上。只需将事件对象作为参数传递即可使用 preventDefault() .

 onChange={(e) => find(e)}