Предупреждение: сбойный тип дочернего контекста: недопустимый дочерний контекст virtualizedCell.cellKey типа number, переданный в CellRenderer, ожидаемая строка

Я обновился с response 16.2 -> 16.3-alpha-1 и react-native 0.52-> 0.54, и я получаю предупреждение выше в симуляторе.

Я даже не использовал свойство keyExtractor и все равно получил это предупреждение. Пришлось добавить этот мусорный шум в свой код, чтобы избежать предупреждения. Плохой API.

Andrew Koster 22.10.2019 04:42
Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
74
1
35 005
4
Перейти к ответу Данный вопрос помечен как решенный

Ответы 4

Ответ принят как подходящий

Чтобы исправить ошибку в любых компонентах списка, где используется keyExtractor, обновите компонент (FlatList и т. д.), Чтобы он имел строковый ключ с помощью .toString (). Все ключи теперь должны быть строковыми значениями.

Как показано ниже;

keyExtractor = {item => item.index_id}

к

keyExtractor = {item => item.index_id.toString()}

Это изменение является требованием для всех видов использования keyExtractor, чтобы включать такие компоненты React-Native, как; FlatList и ActionSheet.

Работает как шарм

Ramesh Vishnoi 16.01.2021 18:56

Я продолжал использовать KEY = {item => item.id} вместо использования ключ ЭКСТРАКТОР. : D Спасибо!

Filip Savic 28.04.2021 09:31
keyExtractor = {(item, index) => index.toString()}

Это устранит предупреждение, выдаваемое React и React Native.

TouchableOpacity убедитесь, что вы его используете. У меня ошибка, так как я удалил TouchableOpacity.

<TouchableOpacity
  onPress = {() => { alert('test') }}
/>

Привет, @proinfinto, пожалуйста, убедитесь, что в вашем ответе должно быть какое-то описание. так как это имеет смысл понять немного более ясно

Anurag Sharma 04.03.2021 18:18

Теперь вы можете попробовать это решение:

keyExtractor = {(элемент, индекс) => элемент + index.toString ()}

этот ответ уже присутствует пользователем Аун Аббас. Дублирован.

alvaro g 26.04.2021 07:29

Я знаю, но некоторое время index.toString () не решал проблему, поэтому item + index.toString () - лучшее решение для устранения предупреждения,

mirza hayat 27.04.2021 08:04

Другие вопросы по теме