It would be nice if a React.Component could render undefined

just an idea

It would be nice if a React.Component could render undefined if some, opted in, property like; isLoading is true.

I find myself doing the following quite a bit:

{this.state.something.isLoading ? <MyComponent/> : undefined}

something like the follow might clean this up a bit

<MyComponent isLoading={this.state.something.isLoading}/>

I’m unaware of how to do this if it’s possible already.

[grovesNL]

With more codebases moving to TypeScript and Flow, I think returning undefined would be very useful here. I try to avoid using null anymore, except when libraries force its usage.

[gaearon]

We might allow returning undefined in the future.

What’s the best way to write a render returning this.props.optionalProperty && <…>?

Not sure what you’re asking. Can you show a full example you’re having issues with?