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: "复制成功",
            });
          },
        });
      },
    });
  };
相关推荐
SaxoZhao4 分钟前
Vue 中阻止点击事件穿透
前端·javascript·vue.js
用你的胜利博我一笑吧7 分钟前
vue3+ts+supermap iclient3d for cesium功能集合
前端·javascript·vue.js·3d·cesium·supermap
Lovely Ruby22 分钟前
Vite + Electron 时,Electron 渲染空白,静态资源加载错误等问题解决
前端·javascript·electron
guojikun34 分钟前
使用 Wake Lock API:保持设备唤醒的最佳实践
javascript·web前端·wakelock
luckycoke1 小时前
小程序的右侧抽屉开关动画手写效果
前端·javascript·微信小程序·uni-app
敲代码不忘补水2 小时前
二十种编程语言庆祝中秋节
java·javascript·python·golang·html
我码玄黄2 小时前
JS 的行为设计模式:策略、观察者与命令模式
javascript·设计模式·命令模式
营赢盈英2 小时前
OpenAI API key not working in my React App
javascript·ai·openai·reactjs·chatbot