如何将标题动态呈现为组件

Question

我有一个场景：

<Scene key="myFeed" component={myFeed} renderTitle={level}/>

其中我使用组件来显示"title"。 这个函数：

const level = () => {
  return (
     <Level/>
  )
}

这个组件：

export class Level extends Component {
    constructor(props) {
        super(props);


        this.state = {
            progressBar: {},
            loading: true,
        };

    }

    connection() {
        myApi.getServer('/user/level/', (data) => {
            this.setState({loading: false, progressBar: data});
        }, (err) => {
            console.log(err.message);
            this.setState({loading: false});
        })
    }

    render() {
        return(
            <View  style={styles.topBarCenterSlider}>
                   <View style={styles.topBarSlider}>
                          <View style={[styles.topBarStatus, {width: this.state.progressBar.level["progress"] + '%' : 0}]}/>
                          </View>
                   </View>
            </View>
        );
    }
}

我需要在服务器响应后更改组件。 请帮忙，对不起我的英语))

Answer 1

我看到你没有调用 "connection()"。放入 componentWiLlMount

componentWillMount() {
  this.connection();
}