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: "复制成功",
            });
          },
        });
      },
    });
  };
相关推荐
David凉宸几秒前
vue2与vue3的差异在哪里?
前端·javascript·vue.js
Irene1991几秒前
JavaScript字符串转数字方法总结
javascript·隐式转换
css趣多多42 分钟前
this.$watch
前端·javascript·vue.js
Code小翊1 小时前
JS语法速查手册,一遍过JS
javascript
●VON1 小时前
React Native for OpenHarmony:ScrollView 事件流、布局行为与性能优化深度剖析
学习·react native·react.js·性能优化·openharmony
子春一1 小时前
Flutter for OpenHarmony:构建一个 Flutter 天气卡片组件,深入解析动态 UI、响应式布局与语义化设计
javascript·flutter·ui
2601_949593651 小时前
高级进阶 React Native 鸿蒙跨平台开发:LinearGradient 玻璃拟态卡片
react native·react.js·harmonyos
摘星编程1 小时前
在OpenHarmony上用React Native:TopTab顶部标签页
react native·react.js·harmonyos
Remember_9932 小时前
Java 单例模式深度解析:设计原理、实现范式与企业级应用场景
java·开发语言·javascript·单例模式·ecmascript
写代码的【黑咖啡】2 小时前
Python 中的自然语言处理利器:NLTK
前端·javascript·easyui