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

Question

我不明白 valueComponent 和 valueRenderer 与 react-select library 的区别。

来自文档...

valueComponent: returns 自定义方法 render/manage 所选值的函数

valueRenderer: 函数，returns 一种自定义方式来呈现所选函数的值（选项）{}

Answer 1

根据 library renderValue source code:

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

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

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

---

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

1. valueComponent example
2. valueRenderer example