在React Select中清除选择的方法

时间:2019-07-05 06:16:40

标签: javascript reactjs

在按下清除按钮选择一个选项后,是否可以清除反应选择下拉菜单中的所选值?谢谢。

import Select from 'react-select';

const TransactionDetailsPanel = props => {

  const clearQuery = () => {
    inputRef.current.value=null;
  };


  return (
    <>
      <div className="columns is-gapless is-marginless">
          <Select className="column is-3" options={options} onChange={updateSelection}
                  ref={selectRef} placeholder="Advanced Detail Search" />
          <input className="column is-3" type="text"
                 ref={inputRef} placeholder="Enter query here..."/>
          <div className="buttons">
          <button className="button" onClick={updateQuery}>Details Search</button>
          <button className="button" onClick={clearQuery}>Clear</button>
          </div>
      </div>

0 个答案:

没有答案