首页 > 解决方案 > React-select:如何使可创建选项成为可选?

问题描述

我有一个反应选择组件。我知道可以使用<CreatableSelect/>以便添加自定义选项。但是如何使这种行为成为可选的呢?我想要类似的东西<Select creatable={true}/>。是否可以?

标签: reactjsreact-select

解决方案


您可以创建一个高阶组件,该组件将采用createableprop 并在prop 为 true 时返回Createableselect 组件,否则将返回普通组件createableSelect

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

推荐阅读