React Native [节列表]在节上动态添加项目

Question

我试图将项目动态添加到已经显示在列表中的部分中，而不重新渲染列表。这可能吗？

[
    {
        "data": [
            {
                "id": 1
            },
            {
                "id": 2
            },
        /* Added dynamically 
             {
                "id": 3
            }

        ],
        "date": "2019-03-25"
    },
    {
        "data": [
            {
                "id": 1
            },
            {
                "id": 2
            }
        ],
        "date": "2019-03-24"
    }
]

Answer 1

是的，有可能。 如果您以该状态存储数据，则可以使用setState()函数对其进行更新。

this.setState({dataSource: newDataSource})

  

例如：

<SectionList
....

sections={this.state.dataSource}
extraData={this.state.dataSource}

....
/>

它将自动更新您的SectionList。