reactjs - 如何使反应选择作为文本区域

Question

您好，我在使用时使用 react-select，默认情况下是下拉列表。有人可以指导我如何自定义它。我想要反应选择作为文本区域。

任何帮助将不胜感激。在此先感谢。

这是我实际上正在寻找的图像。

我怎样才能使它成为textarea？

标签： reactjscssreact-select

Answer 1

根据您的评论，您似乎只想删除下拉图标。您可以以这个问题为例并编辑代码以将其删除。

const DropdownIndicator = () => null;

function App() {
  return (
    <div className="App">
      <Select
        components={{ DropdownIndicator }}
        styles={{
          indicatorSeparator: base => ({
            ...base,
            display: 'none'
          })
        }}
        options={colourOptions}
      />
    </div>
  );
}

这里有一个活生生的例子。