使用map嵌套时，用this.state得到TypeError: Cannot read property 'file' of undefined

[nyrf]

  state = {
    selectedSkus: {},
    skuKeys: {},
    skuSpecs: {},
    skuDefault: []
  }

const keys = this.state.skuKeys
    return (
      <View>
        {
          Object.keys(keys).map(function (key) {
            return(
              <View className='item' key={key}>
              <View className="title">{key}</View>
              <View className='skus'>
              {
                Object.keys(keys[key]).map(function (k) {
                  return(
                    <View key={k} className={`sku ${keys[key][k].active ? 'active' : '' }`} onClick={this.onSkuClick.bind(this, keys[key][k], k, keys[key], key)}>
                      {k}
                      {this.state.skuKeys[key][k].active}
                    </View>
                  )
                })
              }
              </View>
            </View>
            )
          })
        }
      </View>
    )

错误  组件编译  组件src/components/sku/sku.js编译失败！
TypeError: Cannot read property 'file' of undefined

其中this.state.skuKeys的数据是从上级props中传过来的，
如果 把 {this.state.skuKeys[key][k]} 这一句换成 keys[key][k].active 就不会报错，不过onClick中setState更新了skuKeys,比如把其中一项的active设置为true, 调试也显示skuKeys是更新了的，但这里map得到的内容，keys[key][k].active还是显示false

[yuche]

方便麻烦贴一下你的数据源吗

[nyrf]

从props传过来的keys是这样的

{
  '颜色': {
   '红': {active: false, disabled: false, name: '红'},
   '黄': {active: false, disabled: false, name: '黄'}
  },
  '大小': {
    'M': {active: false, disabled: false, name: 'M'},
    'L': {active: false, disabled: false, name: 'L'}
  }
}

这里我把props得到的keys给了state的skuKeys. 然后更新的都是skuKeys

[nyrf]

skuKeys 更新问题解决了，这里const keys = this.state.skuKeys, 这个地方，不可以用和props中keys一样的名称，换成其它名称就好了，

不过{this.state.skuKeys[key][k]} 这句还是报错，现在直接先 const { skuKeys } = this.state，然后再 {skuKeys[key][k].active}，这样就可以了

[yuche]

请问你现在用的版本是哪个

[nyrf]

@yuche 最新版
👽 Taro v1.1.0-beta.10

1.1.0-beta.10