根据 React-Select 中的条件恢复为默认的 React select 道具

Question

是否可以在 React Select 中重置为默认的 prop 值？我只想根据条件以特定方式呈现事物。

查看下面的代码：

MultiValueLabel: this.props.valueWithImage ? nullComponent : paddedComponent(this.props.valueRenderer),
MultiValueRemove: this.props.valueWithImage ? this.MultiValueRemove : nullComponent,

我不想在条件中单独编写整个 ReactSelect 标签，因为我给它的大多数道具在这两种情况下都是相似的。

请注意，null、nullComponent、undefined 等在那里不起作用。因为我不希望它为空，而是希望它采用其原始值（无论反应 Select 给它什么）。

Answer 1

好的，我找到了解决方案，我们可以这样做：

MultiValueLabel: this.props.valueWithImage ? components.MultiValueLabel : paddedComponent(this.props.valueRenderer),
MultiValueRemove: this.props.valueWithImage ? this.MultiValueRemove : components.MultiValueRemove,

根据 React-Select 中的条件恢复为默认的 React select 道具

Reverting to default react select props based on a condition in React-Select

reactjs

react-select