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: "复制成功",
            });
          },
        });
      },
    });
  };
相关推荐
兆子龙10 小时前
ahooks useRequest 深度解析:一个 Hook 搞定所有请求
java·javascript
兆子龙10 小时前
React Suspense 从入门到实战:让异步加载更优雅
java·javascript
KKKK10 小时前
SSE(Server-Sent Events)流式传输原理和XStream实践
前端·javascript
子兮曰10 小时前
Humanizer-zh 实战:把 AI 初稿改成“能发布”的技术文章
前端·javascript·后端
Din11 小时前
主动取消的防抖
前端·javascript·typescript
H5开发新纪元11 小时前
Nginx 部署 Vue3 项目完整指南
前端·javascript·面试
决斗小饼干11 小时前
跨语言移植手记:把 TypeScript 的 Codex SDK 请进 .NET 世界
前端·javascript·typescript
进击的尘埃11 小时前
Vitest 浏览器模式:别再用 jsdom 骗自己了
javascript
bluceli11 小时前
JavaScript模块化深度解析:从CommonJS到ES Modules的演进之路
前端·javascript