In React components, a common scenario arises with code like this:
<Carousel interval={modalOpen ? null : 8000}>
It would be great if I could simplify it to something along these lines (although it's not valid):
<Carousel interval={modalOpen ? 8000}>
I am aware of using ?? in TypeScript for fallback values, but in this case, I need the opposite. I want to return a value (8000 here) only if a certain condition is met (like modalOpen) and otherwise have it default to undefined.
I suspect there isn't a built-in solution in TypeScript or vanilla JavaScript for this particular situation, but I wanted to confirm if there might be another approach that avoids repeatedly using ternary operators with undefined/null checks all over the code.