在React Native中使用setTimeout在数组中推送视图

Question

我正在尝试将某些视图推入数组，以便在延迟后显示。

以前可以，但是需要一些时间来加载屏幕：

incomeData包含一些数据，incomeView是我稍后渲染的数组。

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

我这样显示：

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

但是后来我添加了setTimeout来增加数据加载的延迟，现在它不会显示数据了。

     setTimeout(() => {

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

}, 1000);

Answer 1

我认为这是因为在渲染组件之后无法更改此类数据。

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

FORMAT