TypeScript中简化renderShimmers默认值设置的方法咨询

有几种更简洁的写法可以满足你的需求：

• 使用逻辑或运算符：

  this.props.renderShimmers || false
  

  当renderShimmers是false或undefined这类假值时，会返回右侧的false；只有当它为true时，才会返回true，完全匹配你的要求。

• 使用双重非运算符：

  !!this.props.renderShimmers
  

  双重非操作会把undefined和false都转换为false，true则转换为true，写法最为简短。

• 使用空值合并运算符：

  this.props.renderShimmers ?? false
  

  空值合并只会在左侧值为undefined（或null）时返回右侧的false，而因为你的renderShimmers类型只有boolean | undefined，当它是false时会直接返回自身，最终结果也符合预期。

内容的提问来源于stack exchange，提问作者kevin