javascript one line nested if else error ": expected"

Question

I want to nested if else statement for href in reactjs but I got an syntax error ": expected". Here is my code:

href = {!this.props.activeLanguage ? "https://m.facebook.com/asd1/" : {this.props.activeLanguage.code == "en" ? "https://m.facebook.com/asd1/" : "https://m.facebook.com/asd2/"}}

The reason I check active Language at first it comes undefined.

Answer 1

Remove the inner {}, that is object syntax and it is not a valid object. If you need to add grouping use () instead.

href = {!this.props.activeLanguage ? "https://m.facebook.com/asd1/" : this.props.activeLanguage.code == "en" ? "https://m.facebook.com/asd1/" : "https://m.facebook.com/asd2/"}