How to apply a single line if statement in Javascript?

Question

I want to return a class by using a single line if statement like described here. In my approach I'm using Material-UI and want to set a class.

So I want to use this appraoch if(condition) expression

    <Typography className={ if (typeof title === 'string') classes.title } >{ title }</Typography>

I get the following error: Parsing error: Expression expected

What am I doing wrong here?

score 2 · Answer 1 · answered Sep 30 '21 at 09:52

2

You can write it like this: typeof title === 'string' ? classes.title : ''

Haven't tried it but it should work.

answered Sep 30 '21 at 09:52

LittleMygler

Thanks for your reply. I know this works. But I really want to write it like this: `if(condition) expression` – Rob Bauer Sep 30 '21 at 10:02
Why? The outcome is the same – LittleMygler Sep 30 '21 at 11:50
I know, but it's more readable in my opinion and I don't have to define an `else` option – Rob Bauer Sep 30 '21 at 11:54

1 Answers1