'号码 | undefined' 不可分配给类型'string'。打字稿

Question

如何解决数字错误，当它应该是字符串时，这里是代码

<FlipNumbers 
                height={12} 
                width={12} 
                color="white" 
                background="red" 
                play perspective={100} 
                numbers={visitor?.count} />;

Answer 1

似乎 prop

numbers

需要一个字符串，而不是

number | undefined

类型。

visitors?.count

的值要么是未定义的，要么是数字，因此存在类型不匹配。

有两种方法可以解决此问题：

1. 如果您控制组件

   FlipNumbers

   - 您可以更改其道具类型以接受

   number | undefined

   。
2. 如果不想更改组件，只需将数字转换为字符串即可。这还要求您提供默认数字/值，以防该值未定义。例如，如果您想默认为 0，则如下所示：

   numbers={`${visitor?.count ?? 0}`}