react-select中的valueComponent和valueRenderer有什么区别？

Question

我不明白libraryvalueComponent和valueRendererfrom之间的区别。react-select

从文档...

valueComponent: 返回一种自定义方式来呈现/管理所选值的函数

valueRenderer: 返回以自定义方式呈现选定值的函数的函数（选项）{}

Answer 1

根据库renderValue源代码：

valueComponent让您完全控制如何呈现值。在这里，您可以（通过道具）访问儿童道具、事件、标志等。

valueRenderer- 让您可以部分控制如何呈现值。在这里，您只能访问传递给<Select />组件的选项属性。因此，根据以下示例，valueRenderer您将只能访问label,value和color。

<Select options={[ { label: 'Example', value: 'test', color: '#E31864' } ]} />

在官方库文档中，您有一个很好的示例，这些示例说明了差异：

1. valueComponent 例子
2. valueRenderer 例子