android - 一直 react native 空屏幕

Question

我是 react-native 的新手，试图创建我自己的组件，但它一直显示一个空屏幕。

这是我的组件代码

class BoxComponent extends Component {
    constructor(props){
        super(props);
        this.state = {message: null}
    }
    componentMounted(){
        axios.get('example.com').then(response => {
            this.setState({
                message: response.data
            })
        })
    }

    render(){
        return (<Text style={style.boxStyle}>{this.state.message}</Text>)
    }
}

Answer 1

如果你想在组件挂载后获取一些数据，那么将你的代码改成这样

class BoxComponent extends Component {
    constructor(props){
        super(props);
        this.state = {message: null}
    }
    componentDidMount(){
        axios.get('example.com').then(response => {
            this.setState({
                message: response.data
            })
        })
    }

    render(){
        return (<Text style={style.boxStyle}>{this.state.message}</Text>)
    }
}

希望对您有所帮助。