React-native 0.35 setState issue

Question

Не удалось обновить состояние из базы данных. console.log (db_name) возвращает данные. но не может получить доступ к нему на render/state/global.var. Как реагировать на доступ к локальным переменным, чтобы он мог использоваться в рендере jsx.

import React, { Component } from 'react'; 

import { AppRegistry, Text, View } from 'react-native'; 

import axios from 'axios'; 

class Easycall extends Component { 

constructor(props) { 

super(props); 

this.state = {name:"name",}; 

} 

gettt(){ 

    axios.get('http://192.168.43.236/dbzx.php') 

    .then(function (response) { 

    let db_name = response.data.name ; 

    this.setState({name:db_name}); 

}); 

} 


render() { 

    this.gettt(); 

    return (<Text>{this.state.name}</Text>); 

    } 


} 


AppRegistry.registerComponent('Easycall',() => Easycall); 

Answer 1

Попробуйте изменить:

gettt(){ 

    axios.get('http://192.168.43.236/dbzx.php') 

    .then(function (response) { 

    let db_name = response.data.name ; 

    this.setState = ({name:db_name}); 

}); 

} 

к:

gettt(){ 

    axios.get('http://192.168.43.236/dbzx.php') 

    .then((response) => { 

    let db_name = response.data.name ; 

    this.setState = ({name:db_name}); 

}); 

} 

Answer 2

import React, { Component } from 'react'; 
import { AppRegistry, Text, View } from 'react-native'; 
import axios from 'axios'; 

class Easycall extends Component { 

    constructor(props) { 
     super(props); 
     this.state = {name:"name"}; 
    } 

    componentWillMount(){ 
     this.gett(); 
    } 

    gettt(){ 
     axios.get('http://192.168.43.236/dbzx.php') 
     .then(function (response) { 
      let db_name = response.data.name ; 
      this.setState({name:db_name}); 
     }); 
    } 

    render() { 
     return (<Text>{this.state.name}</Text>); 
    } 

} 

AppRegistry.registerComponent('Easycall',() => Easycall); 

Answer 3

Вы должны связать свои методы, в которых вам необходимо получить доступ к this.

Избегайте вызова функции setState() в вашей функции рендеринга. Вместо того, чтобы добавить ниже методов жизненного цикла в класс выше:

componentWillMount { 
    this.gettt = this.gettt.bind(this); 
} 

componentDidMount { 
    this.gettt() 
} 

Теперь вы можете сделать это .setState() в gettt().