onKeyUp 没有在 React-Select 中调用

Question

每当多选下拉列表中的文本发生变化时，我都需要获取该字符。

但 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文档，您会发现没有可用的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>
    );
  }
}

示例可参见此处。