javascript - 如何禁止在 react 选择的输入栏中显示所选值？

Question

const options = [
  { value: 'chocolate', label: 'Chocolate' },
  { value: 'strawberry', label: 'Strawberry' },
  { value: 'vanilla', label: 'Vanilla' }
];

const Option = props => { 
  //const temp = "some";
  //
  return ( 
  <div> 
    <components.Option {...props}> 
      <input type="checkbox" checked={props.isSelected} onChange={() => null} /> 
      <label>{props.value}</label> 
    </components.Option>
  </div> 
  ); 
};

目前我的代码如下所示，它的作用是，它显示类似这样的内容 ScreenShot

我不想在搜索输入栏中显示选定的值。有什么方法可以禁止在输入栏中显示选定的选项吗？

选择栏代码

<Select components={{ Option }} isMulti closeMenuOnSelect={false} hideSelectedOptions={false} options={options} />

Answer 1

有一个新的 Prop controlShouldRenderValue = { false }，那么即使从下拉列表中选择选项(如下所述)，它也不会在输入栏中显示所选选项

<Select
 components={{ Option }}
 isMulti closeMenuOnSelect={false}
 hideSelectedOptions={false}
 controlShouldRenderValue = { false }
 options={options} />

因此，在搜索框中它将显示占位符