javascript - 如何使用 React Select 将自定义 Prop 添加到选项？

Question

我的目标是当用户展开菜单并将鼠标悬停在列出的项目上时添加工具提示。为此，我需要将 data-tip 和 data-for 添加到菜单项。

我传递给 React Select 的选项如下所示:

  [
    { value: 1, label: 'Onw' },
    { value: 2, label: 'Two' },]

我想在那里添加 Prop 信息，但我认为没有办法。我需要自定义每个选项的呈现吗？任何有关如何执行此操作的提示将不胜感激。谢谢。

Answer 1

您可以简单地将自定义Option包装在函数中，然后为其分配自定义 Prop

components={{ Option: (optionProps) => <Option {...optionProps} onEditItem={onEditItem}
    onDeleteItem={onDeleteItem} />  }}