Javascript 格式化选择下拉选项

有没有一种方法可以格式化React输入下拉列表的选项

---

例如，我希望有一个自动完成下拉列表，以格式化的方式显示带有列的选项。几乎像一个下拉数据网格，用户可以以统一的方式查看“名称”、“地址”等。

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

---

等式的React部分将处理交互，并确保正确的类/样式最终出现在正确的组件上。您也可以选择使用内置react的第三方库，就像我当前使用的react select一样。但是，我不知道如何将行格式化为允许为名称、日期等留出一定的空间。使用react select，您可以传入两个道具：

optionClassName

和

className

。您可以将任何字符串传递给

optionClassName

，它会将该字符串作为类添加到每个选项行中，

className

执行相同的操作，只是将该类添加到容器中。因此，要获得控制权，您可以执行类似于

className='my-custom-select'和'optionClassName=my-custom-select option

的操作。然后只需使用css来调整填充和margins@finalfreq“这不是他想要实现的。”GenoDiaz在本例中，您需要创建自己的组件。我很快就意识到了这一点。我可能会回到react griddle，因为它几乎就是我想要的，除了不是一个下拉列表