为 react-select 选择值后,如何保留我在搜索栏中键入的输入

时间:2021-01-08 17:01:24

标签: reactjs

我试图保留我正在输入的输入,例如,如果我输入“test”然后选择一个下拉值我不希望它清除该值我希望仍然能够编辑输入测试

这是我的代码:

const searchList = projectList.map(
    ({ questionName }) => {
      return{ 
       value: questionName, 
       label: questionName 
      }
     }
    );

    export default class Filterable extends Component{
        state = {
         selectedOption: null,
        }
        handleChange = selectedOption => {
         this.setState({ selectedOption })
         // code to make something happen after selecting an option
         
        }
        render(){
            return (
                <div>
                 <Select
                   value={this.state.selectedOption}
                   options={searchList}
                   onChange={this.handleChange}
                   placeholder= "Search..."
                   openMenuOnClick={false}
                   onBlurResetsInput={false}
                   classNamePrefix= "select"
                  />
                </div>
               )
        }
       }

0 个答案:

没有答案