onKeyUp 没有在 React 中调用-Select

Question

只要多 select 下拉列表中的文本发生变化，我就需要获取字符。

但是 onKeyUp 没有触发。请找到以下代码以供参考...

const options = [
    { label: "option 1", value: 1 },
    { label: "option 2", value: 2 },
    { label: "option 3", value: 3 },
    { label: "option 4", value: 4 }
  ];
  const onKeyUp= e => {

      alert(e.target.getAttribute("value"));

  };
  const onKeyDown = e => {

      //alert(e.target.getAttribute("value"));

  };
  const selectedOption =value=>{
    alert(value);
  }
  return (
    <div className="App">
      <Select options={options} onKeyUp={onKeyUp}  onKeyDown={onKeyDown} onChange={selectedOption} />
    </div>
  );

Answer 1

如果您检查 react-select 的 documentation，您会发现没有 onKeyDown 道具可用。

你应该考虑采用类似的东西：

class App extends Component {
  onKeyUp = () => {
    // your code here ...
    console.log("your code here");
  };

  render() {
    return (
      <div onKeyUp={this.onKeyUp} className="App">
        <Select options={options} />
      </div>
    );
  }
}

可用示例 here。

onKeyUp 没有在 React 中调用-Select

onKeyUp is not calling in React-Select

reactjs

react-select