Rate组件中的图标没渲染

[lihanspace]

使用Rate组件

<Rate :value="5" disabled></Rate>

chrome控制台检查元素

源码Star.tsx

return () => {
  const { disabled, prefixCls, characterRender, index, count, value } = props;
  const character = getPropsSlot(slots, props, 'character');
  let star = (
    <li class={cls.value}>
      <div
        onClick={disabled ? null : onClick}
        onKeydown={disabled ? null : onKeyDown}
        onMousemove={disabled ? null : onHover}
        role="radio"
        aria-checked={value > index ? 'true' : 'false'}
        aria-posinset={index + 1}
        aria-setsize={count}
        tabindex={disabled ? -1 : 0}
      >
        <div class={`${prefixCls}-first`}>{character}</div>
        <div class={`${prefixCls}-second`}>{character}</div>
      </div>
    </li>
  );
  if (characterRender) {
    star = characterRender(star, props);
  }
  return star;
};

character只在第一个li的第一个div.ant-rate-star-first中渲染了。

源码中character不是个常量吗？为什么在div.ant-rate-star-first里渲染了，但是在div.ant-rate-star-second里就没渲染呢？

还是说都渲染了，只不过只有第一次渲染成功了，后面都渲染不出来？为什么会这样呢？

求大佬解答