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

Question

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

我们将不胜感激。谢谢。

这是我真正想要的图像。

如何使其成为文本区域？

Answer 1

根据您的评论，您似乎只想删除下拉图标。您可以在此question上举个例子，然后编辑代码以将其删除。

const DropdownIndicator = () => null;

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

这里是live example。