Array map function in react for ternary operator

Question

This is my array

var CountryList = [{ name: Canada, value: 1 },
    { name: USA, value: 2 }]

This is the operation I am using right now

var filterStr = nextProps.Country.value == "1" ? 'Canada' : 'USA';

Now I want to use the array CountryList in the above code using to check whether Canada or USA is selected. Is it done using map? If it's USA I want to populate States of USA in another Dropdown. If it's Canada Then States of Canada. SO according to the Selection from this array I want to populate the States. I need to check the selected country . ie, I want to get the country name. How to do that?

gokultp · Accepted Answer · 2018-11-15 08:42:42Z

1

var states = {USA: [{name: 'A', value:1},..],Canada: []} 
var country = CountryList.find(country => country.value == nextProps.Country.value).name;
if (states[county]){
    this.setState({states: states[country], enabledStates: true});
}else{
    this.setState({states: [], enabledStates: false});
}

Show the states based on the flag enabledState.

edited Nov 15, 2018 at 8:42

answered Nov 15, 2018 at 8:12

gokultp

1651 silver badge7 bronze badges

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

1 Comment

Jane Fred Over a year ago

is it 'nextProps.CountryList.value' because I am using the array CountryList

user9578753 · Accepted Answer · 2018-11-15 08:12:18Z

0

if you want an array of all countries that have the name USA for exemple, you can use filter like this :

CountryList.filter = country => country.value === 1 ;

or if want to check if USA for exemple exist in this array, you can use "find"

answered Nov 15, 2018 at 8:12

user9578753

Comments

Anirudh Sridhar · Accepted Answer · 2018-11-15 08:15:32Z

0

map is not the correct function to use over here. You should use either find or filter function. let country = CountryList.find((c) => (c.value === 1)) country = country && country.name

answered Nov 15, 2018 at 8:15

Anirudh Sridhar

1832 silver badges13 bronze badges

Collectives™ on Stack Overflow

Array map function in react for ternary operator

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related