【taro react】—- 解决 iOS 真机微信小程序 Input 密码框 type 切换会导致 Input 内容丢失问题

1. 问题场景

在密码登陆时，有显示和隐藏密码的功能，实现方式很简单，直接对输入 input 的 type 进行 password 和 text 值进行切换，就可以实现密码的显示和隐藏。

2. 实现代码

1. 通过修改 input 的 type 值实现密码的显示和隐藏。
2. 密码的显示和隐藏控制图标也是通过 type 值进行判断显示对应图标。

import { View, Input, Image } from '@tarojs/components';
import { useAsyncS服务器托管网tate } from '@utils/event';
import licon from '@ut服务器托管网ils/icon/licon';
import api from '@utils/api';
import './index.scss';

const RuiPasswordInput = (props) => {
  let {
    placeholder,
    value = '',
    type = 'password'
  } = props;
  let [new_value, setnew_value] = useAsyncState(value);
  let [new_type, setnew_type] = useAsyncState(type);
  return 
    
      

服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net

相关推荐: 前端 Git 使用约定

前端 Git 使用约定 背景 开发前端项目，有以下困惑： 使用哪个分支开发，哪个分支发布 修复线上bug的流程是什么，如何避免修复完了下次却又出现了 cms分支有十多个，是否都有用 如何快速找到之前某次功能开发，或某次bug修复 为了减轻上述困扰，引入 git…