map里面onClick传值返回的是数组的最后一条

[fangkyi03]

Feature Request 请提到 FeatHub

Taro 使用上的问题请提到 Taro 社区——让每一次交流被沉淀

如果是提交 bug，请搜索文档和 issue，确认以下事项：

• 该问题没有在其他 issue 和文档讨论到，不属于重复内容

• 分割线以下的模板除了「 补充信息」每一样都必填

如果不满足以上两点要求的 bug 报告，issue 会被直接关掉。

请多多理解，您现在的不便将会使 Taro 开发者更高效地定位你的问题，修复你的问题。像你一样的 Taro 的使用者也可以通过搜索找到你提供的 bug，对各方都有很大好处。

🙏🙏🙏
阅读完后请在提交的issue中删除以上内容，包括分割线。

问题描述
[问题描述：站在其它人的角度尽可能清晰地、简洁地把问题描述清楚]

复现步骤
[复现问题的步骤]

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

[代码只贴截图，不贴文字会被视为无效issue]
[代码只贴截图，不贴文字会被视为无效issue]
[代码只贴截图，不贴文字会被视为无效issue]

json数据

   const { isShow } = this.props
        const { isShowModal, isShowTimeModal, addressText,scrollHeight } = this.state
        if (isShow) {
            return (
                <LoadingComponent />
            )
        }
        console.log('输出props', this.props)
        return (
            <View style={{ display: 'flex', flex: 1 }}>
                <ScrollView 
                    style={{ marginBottom: Taro.pxTransform(96) }} 
                    scrollY={!this.state.isShowModal} 
                >
                    {this.renderView()}
                </ScrollView>
                <View className={styles.footView}>
                    {this.renderFootButton()}
                </View>
                {isShowModal && this.renderModal()}
                {isShowTimeModal && this.renderTimeModal()}
                {addressText && this.renderAddressModal()}
            </View>
        )

    onVoucherDown = (item) => {
        console.log('输出item', item)
        this.setState({ select: item, isShowModal: false })
    }

    renderVoucherListItemHeader = (item1, index) => {
        const newItem = item1
        return (
            <View className={styles.listItemHeader} key={index}>
                <Text style={{ fontSize: Taro.pxTransform(26), color: 'white', fontWeight: 500 }}>￥</Text>
                <View className={styles.listItemHeaderBody}>
                    <View className={styles.listItemHeaderLeft}>
                        {Math.floor(item1.money)}
                    </View>
                    <View className={styles.listItemHeaderRight}>
                        <View className={styles.listItemHeaderRightText}>
                            <Text style={{ fontSize: Taro.pxTransform(26), color: 'white', fontWeight: 500 }}>{item1.title}</Text>
                            <Text style={{ fontSize: Taro.pxTransform(20), color: 'white', fontWeight: 300 }}>{'有效期' + item1.useTime}</Text>
                        </View>
                        <View
                            className={styles.listItemHeaderRightButton}
                        >
                            <Text onClick={() => this.onVoucherDown(newItem)}>去使用</Text>
                        </View>
                    </View>
                </View>
            </View>
        )
    }

    renderVoucherListItemFoot = (item) => {
        const { pavName, reduction, type } = item
        return (
            <View className={styles.listFoot}>
                <View style={{ display: 'flex', alignItems: 'center' }}>
                    <Image src={require('../../image/ConfirmationOrders/listFoot.png')} style={{ width: Taro.pxTransform(32), height: Taro.pxTransform(25) }} />
                    <Text style={{ fontSize: Taro.pxTransform(24), color: '#525252', fontWeight: 500, marginLeft: Taro.pxTransform(10) }}>{pavName}</Text>
                </View>
                <Text style={{ color: '#FE5F04', fontSize: Taro.pxTransform(24) }}>{type == 0 ? '不限抵用' : '满' + reduction + ' 抵用'}</Text>
            </View>
        )
    }

    renderVoucherListItem = (item, index) => {
        return (
            <View key={index} className={styles.listItem}>
                <View className={styles.listItemHeaderBk}>
                    <Image src={require('../../image/ConfirmationOrders/voucherListItem.png')} style={{ width: Taro.pxTransform(640), height: Taro.pxTransform(141), backgroundSize: 'contain' }} />
                    {this.renderVoucherListItemHeader(item, index)}
                </View>
                {this.renderVoucherListItemFoot(item)}
            </View>
        )
    }

    renderModal = () => {
        const { voucher } = this.props
        const {scrollHeight} = this.state
        return (
            <View className={styles.modal} catchtouchmove={'stopPageScroll'}>
                <View className={styles.modalBody}>
                    <ScrollView
                        scrollY={true}
                        className={styles.list}
                        style={{width:Taro.pxTransform(720),height: scrollHeight + 'px'}}
                    >
                        {voucher.map((e,index)=>this.renderVoucherListItem(e,index))}
                    </ScrollView>
                </View>
                <View className={styles.shadow} onClick={this.onHiddenModal} />
            </View>
        )
    }

// 这里可以贴代码
// 点击链接查看如何插入代码：
// https://coding.net/help/doc/project/markdown.html#i-5

// ```js
// 代码放这里（前后的 "```" 有助 Mardown 整理代码格式和加入代码高亮）
// ```

// 提供完整可复现的代码和整理好代码格式，有助于我们快速定位问题，节省你我时间。
// 代码提供不全或代码格式混乱的 issues 【有可能被忽略】，烦请各位注意。

期望行为
[这里请用简洁清晰的语言描述你期望的行为]
执行onClick的时候 可以返回绑定的数据 而不是最后一条
报错信息
执行onClick返回最后一条
[这里请贴上你的完整报错截图或文字]

系统信息

Taro v1.2 及以上版本已添加 taro info 命令，方便大家查看系统及依赖信息，运行该命令后将结果贴下面即可。
Taro CLI 1.3.6 environment info:
System:
OS: macOS 10.14.5
Shell: 3.2.57 - /bin/bash
Binaries:
Node: 10.15.1 - /usr/local/bin/node
Yarn: 1.12.3 - /usr/local/bin/yarn
npm: 6.9.0 - /usr/local/bin/npm
npmGlobalPackages:
typescript: 3.0.3
weapp微信小程序有问题

补充信息
[可选]
[根据你的调查研究，出现这个问题的原因可能在哪里？]

[taro-bot]

欢迎提交 Issue~

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

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

Good luck and happy coding~

[yuche]

最后是哪出了问题？

[Thyiad]

@fangkyi03 最后问题在哪？我也碰到了

[AlbaHoo]

@Thyiad @yuche https://www.cnblogs.com/cag2050/p/9929067.html
这个也许能帮助你，我也遇到了这个问题，最后是这个网址解决了我的困惑。

Taro 目前暂时不支持通过匿名函数传值，也不支持多层 lambda 嵌套。当你有传参需求时，请全部使用 bind 来处理。