用settimeout在React Native中推动视图

Question

我试图将一些视图推入数组，因此它在延迟后显示。

这是以前工作的，但花了一些时间来加载屏幕：

incomedata包含一些数据，而收入视图是我以后渲染的数组。

incomeData.map((income) => {
    incomeView.push(
        <View key={income.amount} >
        <Text>Test</Text>
        </View>);
});

我是这样的：

render(){
    return(<View>
            {incomeView}
        </View>)
};

，但随后我添加了SettieMout，以添加数据的延迟数据，现在它不会显示数据。

     setTimeout(() => {
    incomeData.map((income) => {
        incomeView.push(
            <View key={income.amount} >
            <Text>Test</Text>
            </View>);
    });
}, 1000);

Answer 1

我认为这是因为在渲染组件后您无法更改这样的数据。

您可以为此使用状态更改：

render() {
    var { incomeView } = this.state;
    setTimeout(() => {
      // set the new state here
      this.setState({
        incomeView: newValuesIncomeView
      });
    }, 1000);
   return(<View>
            {incomeView}
        </View>)
}