React Inline Condition

Question

I have issues setting an inline condition for my shipping price :

cart.shippingPrice =
  country === ("France" || "United States") ? toPrice(20) : toPrice(10);

Only when I select France the condition returns 20, but I want United States to return it as well, is there a typo ?

("France" || "United States" ) evaluates first, and just becomes "France". You need to check country === "France" || country === "United States — Nicholas Tower
– Nicholas Tower, Commented Dec 7, 2021 at 21:20

flq · Accepted Answer · 2021-12-07 21:26:12Z

2

You need to explicitly check against each country:

country === "France" || country === "United States"

If you "fear" that more countries will come to the list, you could create an array:

const countries = ["France", "United States"]

and then do

countries.includes(country)

answered Dec 7, 2021 at 21:26

flq

23k9 gold badges63 silver badges83 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Ah nice suggestion of the array

this is very good, thank you !

GʀᴜᴍᴘʏCᴀᴛ · Accepted Answer · 2021-12-07 21:23:00Z

0

In your expression and in question contents if it's returning 20 it means the condition is true.

Try:

cart.shippingPrice = (country === "France" || country === "United States) ? toPrice(20) : toPrice(10)

answered Dec 7, 2021 at 21:23

9,08620 gold badges91 silver badges165 bronze badges