Я создаю приложение с помощью React Native
и использовал метод map
для отображения двух элементов в массиве.
Но предупреждение продолжает показывать:
Each child in a list should have a unique "key" prop.
Вот мой код:
<View>
{arrayType.map((item, key)=> {
return(
<>
<View key = {item + key} style = {customStyle.main}>
<Text>{item}</Text>
</View>
</>
)
})}
</View>
Почему он все еще показывает это предупреждение?
Возможно, Фрагменту нужен уникальный ключ
Отвечает ли это на ваш вопрос? Могу ли я добавить key prop во фрагмент React?
Родительский компонент должен содержать ключевую опору при рендеринге списка в цикле.
поэтому код должен выглядеть так.
<View>
{arrayType.map((item, key) => {
return(
<View key = {item + key} style = {customStyle.main}>
<Text>
{item}
</Text>
</View>
)})
}
</View>
Вы используете React.Fragment
: <></>
.
попробуйте это вместо этого:
<View>
{arrayType.map((item, key)=> {
return(
<View key = {item + key} style = {customStyle.main}>
<Text>{item}</Text>
</View>
)
})}
</View>
Спасибо. Это решило это, удалив react.fragment.
Мы не знаем, так как понятия не имеем, что внутри
arrayType