reactjs 此React-Native警告已拒绝执行：列表中的每个子元素都应该有一个唯一的"关键"属性

eqfvzcg8 于 2023-02-12 发布在 React

关注(0)|答案(2)|浏览(107)

我正在使用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>

为什么还显示那个警告？

reactjs

来源：https://stackoverflow.com/questions/75397607/this-react-native-warning-has-refused-to-go-each-child-in-a-list-should-have-a

2条答案

按热度按时间

ocebsuys1#

您正在使用React.Fragment：<></>.
请尝试以下操作：

<View>
  {arrayType.map((item, key)=> {
    return(
      <View key={item + key} style={customStyle.main}>
        <Text>{item}</Text>
      </View>
    )
  })}
</View>

赞(0）回复(0）举报 2023-02-12

s5a0g9ez2#

在循环中呈现列表时，父组件应包含关键属性。

代码应该如下所示。

<View>
   {arrayType.map((item, key) => {
      return(
         <View key={item + key} style={customStyle.main}>
            <Text>
               {item}
            </Text>
         </View>
      )})
   }
</View>

赞(0）回复(0）举报 2023-02-12

我来回答

reactjs 此React-Native警告已拒绝执行：列表中的每个子元素都应该有一个唯一的"关键"属性

2条答案

相关问题

热门标签

最新问答