如何使 react-select 成为 textarea

Question

你好，我在使用时使用了react-select，默认是下拉列表。有人可以指导我如何自定义 it.I want react-select as textarea.

任何帮助都会提前appreciated.Thanks。

这是我真正想要的图片。

如何将其设为文本区域？

Answer 1

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

const DropdownIndicator = () => null;

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

这里是live example.

如何使 react-select 成为 textarea

How to make react-select as textarea

css

reactjs

react-select