微信小程序异常: Now you can provide attr `wx:key` for a `wx:for` to improve performance.

场景还原

微信小程序 列表渲染语法练习时出现的警告

异常代码

 <view wx:for="{
    
    {[1,2,3]}}" >
    <view>{
    
    {
    
    index}}</view>
    <image src="/images/01.png"></image>
  </view>

异常信息

Now you can provide attr `wx:key` for a `wx:for` to improve performance.

现在，您可以为“wx:for”提供属性“wx:key”以提高性能。

优化方案

有洁癖的小伙伴，可以在循环处加上wx:key指令

修正代码

 <view wx:for="{
    
    {[1,2,3]}}" wx:key="index">
    <view>{
    
    {
    
    index}}</view>
    <image src="/images/01.png"></image>
  </view>

核心原因

如不提供 wx:key，会报一个 warning， 如果明确知道该列表是静态，或者不必关注其顺序，可以选择忽略。