Reactjs 如何解决三元内的TypeScript“可能为null”错误？

我想添加一个三元运算符来添加一个类：

className={clsx(classes.text, {
   classes.textSmall]: children.length > 11,
})}

这是可行的，但我得到一个TypeScript错误：

对象可能为“null”或“未定义”。TS2533

---

我不确定这里有什么可以改进的。有人能给我指出正确的方向吗？

如果您使用的是Typescript 3.7版，您可以使用null合并和可选属性访问来处理三元组中可能的null值：

我在这里假设children可能是空值，下面是一些示例：

// Optional property access, double bang operator because it will resolve to undefined if the property is undefined
foo: !!(children?.length > 11);

// With nullish coalescing
bar: children?.length ?? 0 > 11;

// Without either
baz: children && children.length > 11;

---

哪个对象可能是

null

或

未定义的
？它是
类
还是
子类
？