reactjs React-select:选择时动态更改选项标签

ddrv8njm  于 12个月前  发布在  React
关注(0)|答案(1)|浏览(115)

下面我有一个react-select组件,标签为+{ctryCode}{ctryName}

<Select
  options={countryProvinceCityList}
  value={telCtryObj}
  onChange={handleTelCountryChange}
  getOptionValue={(x) => x.telCode}
  getOptionLabel={(x) => '+' + _.padEnd(x.telCode, 5, '\u2007') + x.desc]}
/>

当一个选项被选中后,我想将其标签从
+{ctryCode}{ctryName}到+{ctryCode},例如从“+1美国”到“+1”
而可用的选项标签保持不变。
我怎么能做到这一点?先谢了。

axkjgtzd

axkjgtzd1#

结果是用以下代码覆盖组件:

const SingleValue = props => (
    <components.SingleValue {...props}>
      &#43;{props.data.telCode}
    </components.SingleValue>
  );

<Select
  ...
  ...
  components={{ SingleValue }}
/>

相关问题