运算符,仅当在JavaScript或TypeScript中为truthy时才返回值



这在React组件中出现了很多,但我有这样的东西:

<Carousel interval={modalOpen ? null : 8000}>

我希望我能做(这显然行不通(:

<Carousel interval={modalOpen ? 8000}>

在TypeScript中,我知道??,但它提供了一个我不想要的后备方案。我基本上想要相反的。如果一个值是truthy(在这个例子中是modalOpen(,我希望它返回一个值(这里是8000(,如果不是像modalOpen没有返回值一样只返回undefined。

我很确定TypeScript或香草JS中不存在任何内容,但我想检查一下我是否忽略了什么,或者是否有更好的做法,那就是必须使用一个到处都是undefined/null的三进制。

<旋转木马间隔={!modalOpen&&8000}/>

最新更新