格式化 React 选择下拉选项答案

【问题标题】：Formatting React selection dropdown options格式化 React 选择下拉选项
【发布时间】：2016-09-29 02:22:13
【问题描述】：

有没有办法格式化 React 输入下拉列表的选项？

例如，我想要一个自动完成下拉菜单，以带列的格式化方式显示选项。几乎就像一个下拉数据网格，以便用户可以以统一的方式查看“姓名”、“地址”等。

【问题讨论】：

【解决方案1】：

React 将使用您选择的类或样式将您想要的任何内容呈现到 DOM 中。如果您只是使用 html 和 css 来解决设计问题，那么解决设计问题并没有什么不同。

等式的 React 部分将处理交互并确保正确的类/样式最终出现在正确的组件上。您也可以随时选择使用内置的第三方库，例如 http://jedwatson.github.io/react-select/

【讨论】：

我目前正在使用 react-select。但是我不知道如何将行格式化为允许为名称、日期等设置一定数量的空间。
使用 react-select 可以传入两个 props：optionClassName 和 className。您可以将任何字符串传递给optionClassName，它会将其作为一个类添加到每个选项行，className 做同样的事情，只是它将类添加到容器中。因此，要进行控制，您可以执行className='my-custom-select' and 'optionClassName=my-custom-select-option 之类的操作。然后只需使用 css 调整填充和边距
@finalfreq 这不是他想要达到的目标。
@GenoDiaz 在这种情况下，您需要创建自己的组件。
我很快就意识到了这一点。我可能会重新使用 react-griddle，因为它几乎是我想要的，除了不是下拉列表