标签：fileListState const Pro JavaScript Ant useState file import 赋值

组件的定义

const FirmwareList = () => 
{
//整个页面所有的代码
};
export default FirmwareList;

组件的引入

import { Upload, Form, message, Button, Row, Col } from 'antd';
import { UploadOutlined } from '@ant-design/icons';
import { useState, useRef, useEffect } from 'react';
import { useIntl } from 'umi';
import { PageContainer } from '@ant-design/pro-layout';
import ProTable from '@ant-design/pro-table';
import ProForm, { ProFormText, ModalForm, ProFormSelect } from '@ant-design/pro-form';
import { setEquipmentWorkMode } from '@/services/equipment/equipment';

数组变量带默认值的创建

const [columnsStateMap, setColumnsStateMap] = useState({
  jsonData: {
    show: false,
  },
});

bool变量创建和赋值

const [showWorkModeVisible, setShowWorkModeVisible] = useState(false);
赋值，showWorkModeVisible为const不能进行赋值
setShowWorkModeVisible(true);

string变量创建和赋值

const [deviceIdState, setDeviceIdState] = useState(String);
setDeviceIdState('123456');

数组变量创建和赋值

const [fileListState, setFileListState] = useState([]);
//这个有些区别，通过fileListState赋值就可以
fileListState.push(file);
//删除数组里的内容
const remove = (file) => {
  try {
    const index = fileListState.indexOf(file);
    const newFileList = fileListState.slice();
    newFileList.splice(index, 1);
    setFileListState(newFileList), console.log(file);
    console.log(file);
  } catch (error) {
    message.error(error);
    return false;
  }
};

标签：fileListState,const,Pro,JavaScript,Ant,useState,file,import,赋值
来源： https://blog.csdn.net/g313105910/article/details/121103886

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。