按下按钮时动态添加新行（视图）

Question

我希望在按下按钮时创建一个新视图以显示新行，并且还希望在“字段”数组中添加一个新的空对象（按同一键）。

this.state = {
    countrows:1,
    fields: [
        {
            month: '',
            id: 0,
            unitrate: '',
            budget: '',
        }
    }
}

onAddClickHandler = () => {
    var newObject=({month: '',id: '',unitrate: '', budget: ''}); 
    let newF = this.state.fields.push(newObject);
    this.setState({ fields: newF })
}


<View style={styles.List}>
    {
        this.state.fields.map((a, i) => {
            return <Content key={i}/>
        })
    }
</View>

<Button  onPress={this.onAddClickHandler} />

Answer 1

我的全部障碍只是这条线

    this.setState({fields: [...this.state.fields, " "]  })

它将新的空对象添加到数组中，还将新行添加到视图容器中。