react ——map遍历和函数传参、在JSX中写箭头函数的弊端

黑夜呢～

于 2022-10-27 11:54:15 发布

阅读量734

点赞数

分类专栏： react 文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/weixin_45392559/article/details/127549201

版权

const getPrivacyPolicy =async () => {
    try {
      policyList = await getPrivacyPolicyList({
        clientType: 4
      });
      setPolicyList(policyList.data[0].protocolList)
    }catch(error) {
      console.log(error)
    }
  }

const handleUrlH5 = (item) => {
   if(item.urlH5) navigateTo(`/pages/webview/index?url=` + encodeURIComponent(item.urlH5));
  }

<View>
    {policyList.map((item) => {
          return (
            <View className={styles.item}>
              <Text
                className={styles.label}
                onclick={()=>handleUrlH5(item)}>
                {item.protocolName}
              </Text>
              <Image className={styles.icon} src={imgs.detailIcon} />
            </View>
          )
        })}
</View>

这个函数handleUrlH5是在JSX里面使用了箭头函数，不加箭头函数的话直接handleUrlH5（ite