Reactjs 如何使react选择为文本区域

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

任何帮助都将不胜感激。提前谢谢

这是我的形象，我实际上在寻找什么

如何将其设置为textarea？

---

根据您的评论，您似乎只想删除下拉图标。您可以以此为例，编辑代码以如下方式删除它

const DropdownIndicator = () => null;

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

constdropdowndicator=（）=>null；
函数App（）{
返回(
({
基础
显示：“无”
})
}}
选项={colorOptions}
/>
);
}

---

这里有一个。

您所说的文本区域是什么意思？默认情况下，您已经可以写入了，对吗？您所说的“我想要反应选择为文本区域”是什么意思？是否希望选定的选项显示在文本区域中？从何处选择项目？你做了什么，现在看起来怎么样？你希望它看起来怎么样？您的问题非常模糊，默认情况下选择功能为下拉。我希望它像我在图像中显示的那样进行自定义。@阿米尔·穆萨维（Amir Mousavi）是的，我希望在文本区域中选择选项不可能理解“作为我的图像”的含义。在我上面发给你的codesandbox链接中选择2个或更多选项，你会看到它看起来像你的图像。如果不是这样，你必须更具体。谢谢你的回复，也谢谢你在这里花了宝贵的时间。你的回答是可以接受的。我们可以确定选择的高度吗？如图所示！假设我在其中添加了更多的内容，所以在一些扩展之后它应该会显示滚动条。@Nammu您尝试过这个例子吗？事实上，当标签超过标签的宽度（默认为父标签的100%）时，它会添加省略号，并且没有滚动条。是的，我已经尝试了你的答案。它工作正常，目前我唯一想做的是固定select的高度，我尝试过，但内容高度的大小也在增加。有没有办法将内容放在最上面，并在某个级别后确定select的高度？@Nammu您可以通过代码更新创建一个不同的问题？我不确定你想要实现什么，你在我们的进展中处于什么位置。