React Native state being changed after set values

Question

I have a very simple component which set state values using axios. However, the state value is being changed in the render method.

constructor(props) {
    super(props);
    const { navigation } = this.props;
    const approveID = navigation.getParam('approveID', '0');
    this.state = {
      selectedApprove: approveID,
      reason: '',
    };
}

componentDidMount() {
    const { navigation } = this.props;
    const tenantID = navigation.getParam('tenantID', '0');
    this.getReviewApp(tenantID);
}

getReviewApp(tID) {
    axios.get('http://myserver/getData', {
      params: {
        method: 'getApplicantReview',
        tenantID: tID
      }
    }).then((response) => {
      const result = response.data.DATA[0];
      this.setState({
        selectedApprove: result[0],
        reason: result[1]
      });
    }).catch((error) => {
      // handle error
      console.log(error);
    });
}

...

render() {
   console.log(this.state);
...
}

When I run the app the console shows 2 times. First is perfect: Object { "reason": "Test", "selectedApprove": "Yes", }

The second log is with null values and it messes up my component: Object { "reason": null, "selectedApprove": null, }

Why is it happening?

Thanks

I imagine the response object doesn't look like what you think it looks like. Maybe try logging the response in getReviewApp — tom
– tom, Commented Oct 23, 2019 at 15:22
Yes does because it set the correct values reason = Test and selectedApprove = Yes, but for some reason the state is reloaded with null values — myTest532 myTest532
– myTest532 myTest532, Commented Oct 23, 2019 at 15:40
Either that or there is more code not mentioned further modifying state. — tom
– tom, Commented Oct 23, 2019 at 19:43

tom · Accepted Answer · 2019-10-23 20:10:23Z

1

The response object must not look like what you think it looks like.

answered Oct 23, 2019 at 20:10

tom

2,3651 gold badge17 silver badges32 bronze badges

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

Collectives™ on Stack Overflow

React Native state being changed after set values

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related