Как я могу обновить определенную строку в плоском списке в Reaction-native?

Question

Я пытаюсь обновить определенную ячейку / строку в плоском списке.Как я могу просто обновить одну ячейку при загрузке данных.А после обновления отображения данных?

Можно ли обновить конкретную строку в представлении реагировать-нативно?Например, я показываю изображения в строке, вложенной в <View/>.

Answer 1

Вы можете попробовать extraData в FlatList, чтобы обновить определенный элемент в плоском списке. При изменении состояния плоский список будет перерисован.

<FlatList

    extraData={this.state}
    data={this.state.asPerCode}
    renderItem={this.renderPost}

/> 

Вы можете проверить дополнительные данные в собственных документах.

Надеюсь, это поможет!

Answer 2

Я полагаю, что вы, возможно, ищете React.PureComponent , который реализует поверхностное сравнение свойств и состояний, чтобы решить, требуется ли повторное отображение.Вы можете добиться этого с помощью shouldComponentUpdate () для React.Component .

В документах FlatList уже есть пример , демонстрирующий, как вы можете использовать PureComponent для рендерингасписок, просто прокрутите вниз abit и найдите «более сложный пример»:)

Если вы предпочитаете использовать Functional Component вместо Class Component, извлеките React.memo ,что похоже на React.PureComponent, но для Functional Components.Надеюсь, это поможет.