TypeScript移动端基于react 登录弹框

最新推荐文章于 2022-08-08 17:37:23 发布

MAMAsomers

最新推荐文章于 2022-08-08 17:37:23 发布

阅读量422

点赞数

本文链接：https://blog.csdn.net/MAMAsomers/article/details/113034723

版权

本文介绍如何在移动端应用中利用TypeScript和React技术实现登录弹窗功能，涵盖了数据处理和组件导出的相关内容，同时邀请读者分享更多见解。

摘要由CSDN通过智能技术生成

1.移动端基于react 登录弹框

import React, {
    useEffect, useState } from 'react';
import {
    history } from 'umi';
import styles from '@/assets/style/LoginModal.less';
import {
    Button, Modal } from 'antd-mobile';
import {
    observer } from 'mobx-react';
import classNames from 'classnames';
import {
    appState } from '@/store';
import {
    login } from '@/api';
import {
    getChannel, loginSuccess, toast } from '@/utils';
import Cookie from 'js-cookie';
import useSendCode from '@/components/hooks/useSendCode';

2.数据处理

const LoginModal = () => {
   
  const [mobile, setMobile] = useState<string>('');
  const [code, setCode] = useState<string>('');

  useEffect(() => {
   
    if (!appState.loginModalVisible) {
   
      // setMobile('');
      setCode('')