首页 > 其他分享 >【React工作记录六十九】Taro中的轻提示

【React工作记录六十九】Taro中的轻提示

时间:2023-05-27 11:34:56浏览次数:34  
标签:Taro 歌谣 删除 confirm 代码 六十九 React showToast


 

目录

前言

导语

代码部分

运行结果

代码部分

运行结果


前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷

导语

歌谣 歌谣 taro中怎么做提示呀

【React工作记录六十九】Taro中的轻提示_taro

【React工作记录六十九】Taro中的轻提示_taro_02编辑

代码部分

Taro.showToast({
        title: "新增成功",
        icon: "none",
        mask: true
      });

【React工作记录六十九】Taro中的轻提示_taro_03

运行结果

直接弹出新增成功

代码部分

Taro.showModal({
          content: "确认删除",
          confirmColor: "#FF7F00",
          cancelColor: "#333",
          cancelText: "取消",
          confirmText: "确认删除",
          success: res2 => {
            if (res2.confirm) {
              Taro.showToast({
                title: "删除成功",
                icon: "none",
                mask: true
              });
              this.getCurrentUserInvoiceList();
            }
          }
        });

【React工作记录六十九】Taro中的轻提示_taro_04

运行结果

弹出confirm是否确定删除


标签:Taro,歌谣,删除,confirm,代码,六十九,React,showToast
From: https://blog.51cto.com/u_14476028/6361592

相关文章

  • 第一个react.js程序:create and show comment
    importReact,{Component}from"react";import{render}from"react-dom";importPropTypesfrom"prop-types";constnode=document.getElementById("root");constdata={post:{id:123,content:......
  • 【React工作记录六十六】ant design Row col样式修改
     目录前言导语运行结果前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷导语antdesignRowcol样......
  • 【React工作记录六十七】前端实现复制文字操作
     目录前言导语 核心代码前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷导语前端实现复制文字操......
  • React Components, Elements, and Instances
    see: https://legacy.reactjs.org/blog/2015/12/18/react-components-elements-and-instances.htmlhttps://www.robinwieruch.de/react-element-component/https://stackoverflow.com/questions/30971395/difference-between-react-component-and-react-element这里摘抄一下第......
  • react子组件传值
    1.先在父组件定义函数准备接收来自子组件的数据2.此处为在父组件声明的函数3.子组件通过props.XXX(data)的方式传值 ......
  • vue3 reactive响应式赋值页面不渲染问题
    问题描述://声明变量letdata=reactive([]);http().then(res=>{data=res.dataconsole.log(data)})//data数据更新,页面没有渲染,1、因数据结构而导致的未渲染解决方法:依旧是reactive,可以在外面包一层//声明letstate=reactive({data:[]})//赋值state......
  • react 手写签名
    importReact,{useRef,useState}from'react';importSignatureCanvasfrom'react-signature-canvas';import'./index.less';functionSignature(){const[signatureDataUrl,setSignatureDataUrl]=useState(null);constsi......
  • 使用react-flow制作流程图
    1.react-flow react-flow是一个用于构建基于节点的应用程序的库。这些可以是简单的静态图或复杂的基于节点的编辑器。同时react-flow支持自定义节点类型和边线类型,并且它附带一些组件,可以查看缩略图的MiniMap和悬浮控制器Controls.2.react-flow安装npminstallreac......
  • 【React工作记录六十四】ant design中rowKey的作用
     目录前言导语核心代码总结前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷导语antdesign中rowke......
  • 【React工作记录六十五】ant design子组件渲染不能及时渲染
     目录前言导语核心代码总结前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷导语antdesign子组件......