react+taro的复制功能

复制按钮调用copyMes,handleText处理复制出去的信息格式

javascript 复制代码
//处理待复制文本
  handleText = (item) => {
    let bankOfDeposit = "",
      bankAccount = "",
      companyAddress = "",
      companyTelephone = "",
      taxNumber = "",
      titleName = "";
    if (item) {
      titleName = item?.titleName;
      taxNumber = item?.taxNumber;
      companyAddress = item?.companyAddress;
      companyTelephone = item?.companyTelephone;
      bankOfDeposit = item?.bankOfDeposit;
      bankAccount = item?.bankAccount;
    }

    let results =
      "名称:" +
      titleName +
      `\n` +
      "纳税人识别号:" +
      taxNumber +
      `\n` +
      "地址:" +
      companyAddress +
      `\n` +
      "电话:" +
      companyTelephone +
      `\n` +
      "开户行:" +
      bankOfDeposit +
      `\n` +
      "账号:" +
      bankAccount;

    return results;
  };
  copyMes = () => {
    const { invoiceTemplates } = this.props;
    Taro.setClipboardData({
      data: this.handleText(invoiceTemplates),
      success: function () {
        Taro.getClipboardData({
          success: () => {
            Taro.showToast({
              title: "复制成功",
            });
          },
        });
      },
    });
  };
相关推荐
weixin_4434785120 小时前
flutter组件学习之卡片与列表
javascript·学习·flutter
moreen20 小时前
Koa3.1.2 迁移, 持续更新中
javascript
qq_2113874720 小时前
基于LangGraph多agent
开发语言·前端·javascript·agent·langgraph
liuyao_xianhui20 小时前
优选算法_模拟_替换所有的‘?‘_C++
开发语言·javascript·数据结构·c++·算法·链表·动态规划
摸鱼仙人~20 小时前
Vue Todo 实战练习教程(简略版)
前端·javascript·vue.js
FlyWIHTSKY20 小时前
Vue 3 单文件组件加载顺序详解
前端·javascript·vue.js
周万宁.FoBJ20 小时前
vue源码讲解之 reactive解析(仅proxy部分)
开发语言·javascript·ecmascript
乔磊20 小时前
我开发了一个 Ralph CLI
javascript
yzin20 小时前
【源码】【react】useCallback、useMemo、memo 原理
前端·react.js
进击的尘埃20 小时前
Module Federation 2.0 共享策略翻车实录:版本协商、热更新与依赖冲突的排查工具链
javascript