嵌套列表的 function 取值问题

[taichenglu]

这样打印出来的始终是 id 2，是 bug 吗？还是我姿势有问题？
taro 版本：v1.2.21

clickId = (subId) => {
  console.log(subId)
}

render () {
  const data = [{
    subData: [{
      id: 1
    }]
  }, {
    subData: [{
      id: 2
    }]
  }]

  return (
    <View>
      {data.map((parent, i) =>
        <View key={String(i)}>
          {parent.subData.map((sub, j) =>
            <View>
              <View key={String(j)} onClick={() => this.clickId(sub.id)}>
                点击了id{sub.id}
              </View>
            </View>
          )}
        </View>
      )}
    </View>
  )
}

[taro-bot]

欢迎提交 Issue~

如果你提交的是 bug 报告，请务必遵循 Issue 模板的规范，尽量用简洁的语言描述你的问题，最好能提供一个稳定简单的复现。🙏🙏🙏

如果你的信息提供过于模糊或不足，或者已经其他 issue 已经存在相关内容，你的 issue 有可能会被关闭。

Good luck and happy coding~

[taro-bot]

CC @yuche

[taichenglu]

我本来是想用 navigateTo

gotoDetail = (id) => {
  Taro.navigateTo({
    url: `/pages/detail/detail?id=${id}`
  })
}

换成 <Navigator /> 组件来实现倒是没有问题，不过这看上去确实是个 bug。

[yuche]

多重循环用匿名函数有问题，你可以先用 bind 代替

[taichenglu]

@yuche 嗯嗯，改成 bind 是好的
onClick={this.clickId.bind(this, sub.id)}

只是 eslint 要关掉 react/jsx-no-bind 了