如何禁止在反应选择的输入栏中显示所选值？

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

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

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

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