React-select：如何使可创建选项可选？

Question

我有一个 react-select 组件。我知道可以使用 <CreatableSelect/> 来添加自定义选项。但是如何使这种行为成为可选的呢？我想要 <Select creatable={true}/> 之类的东西。可能吗？

Answer 1

您可以创建一个更高阶的组件，它将采用 createable 属性，如果 createable 属性为真，则 return Createable select 组件否则 return 正常 Select 组件

function SelectHOC({createable, options}) {
    return (
       { createable
            ? <CreatableSelect options={options} />
            : <Select options={options} />
       }
    );
}