Getting an error about undefined is not object in React native

Question

I am getting list of data from Rest api an i am setting that data in the picker (drop down spinner).but its not working showing error please check my code and suggests some solution.

 constructor(props)
    {
      super(props);
      this.state = { 
      isLoading: true,
      PickerValueHolder : ''
     }
    }
 componentDidMount() {
        this.FreelancerLevelSpinner();
 }

            FreelancerLevelSpinner = async ()=>{
                return fetch('taxonomies/get_list?list=freelancer_level')
                .then((response) => response.json())
                .then((responseJson) => {
                this.setState({
                    freelancerLevel: responseJson
                }, function() {
                    // In this block you can do something with new state.
                });
                })
                .catch((error) => {
                console.error(error);
                });
            }

here i am setting the data in the picker...

<Picker
            selectedValue={this.state.PickerValueHolder}

            onValueChange={(itemValue, itemIndex) => this.setState({PickerValueHolder: itemValue})} >

            { this.state.freelancerLevel.map((item, key)=>(
            <Picker.Item label={item.title} value={item.value} key={key} />)
            )}

          </Picker>

It is showing this error...

TypeError: TypeError: undefined is not an object (evaluating 'this.state.freelancerLevel.map')

You haven't defined freelancerLevel in the initial state.

Samuli Hakoniemi
– Samuli Hakoniemi

2019-06-13 10:34:45 +00:00
Commented Jun 13, 2019 at 10:34 — Samuli Hakoniemi
– Samuli Hakoniemi, Commented Jun 13, 2019 at 10:34
where to define @zvona

S.Hashmi
– S.Hashmi

2019-06-13 10:35:50 +00:00
Commented Jun 13, 2019 at 10:35 — S.Hashmi
– S.Hashmi, Commented Jun 13, 2019 at 10:35

Mykybo · Accepted Answer · 2019-06-13 10:37:44Z

4

You need to add freelancerLevel to state initialization:

this.state = { 
   isLoading: true,
   PickerValueHolder : '',
   freelancerLevel: []
}

answered Jun 13, 2019 at 10:37

Mykybo

1,5091 gold badge13 silver badges24 bronze badges

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

Collectives™ on Stack Overflow

Getting an error about undefined is not object in React native

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related