如何在react-select中使用onChange

Question

我正在尝试在我的反应选择中创建 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}
  />

当我尝试更改选项时，出现此错误

类型错误：event.preventDefault 不是函数

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

Answer 1

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

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