获得徽章 1
有哪位大佬能够帮忙看一下吗，求求了
import axios from 'axios';
import React from 'react'
import { useState } from 'react';
export default function TestPage2() {
const [file,setFile]=useState('')
let changeHandler=(evt)=>{
setFile(evt.target.files[0])
console.log (file);
}
let clickHandler=()=>{
const fd=new FormData();
fd.append('file',file);
axios.post('http://123.56.9.154:8081/file/upload', fd, {
headers: {
'Content-Type': 'application/json'
}
})
.then(res=>{
console.log('upload success');
})
.catch(err=>{
console.log(err);
})
}
return (
<div>Testpage2
<div>
<input type='file' onChange={changeHandler}/>
<button onClick={clickHandler}>上传</button>
</div>
</div>
)
}
tree-shaking：通过 tree-shaking，将没有使用的模块摇掉，这样来达到删除无用代码的目的。
编译器可以判断出某些代码根本不影响输出，然后消除这些代码，这个称之为DCE（dead code elimination）
传统的DCE 消灭不可能执行的代码，而Tree-shaking 更关注宇消除没有用到的代码
页面优化方法之一减少不必要的组件更新
可以利用PureComponent、React.memo、hook函数useCallback、useMemo等方法
在React官网发现判断state的三个条件随着时间推移 保持不变？ 如此，便不是 state。
通过 props 从父组件传递？ 如此，便不是 state。
是否可以基于已存在于组件中的 state 或者 props 进行计算？ 如此，它肯定不是state!
剩下的可能是 state。
类组件中ref
const myref=React.createRef()
<input ref={myref}>
hooks中使用ref
const myref = useRef(null);
<input ref={ref} />
useRef是use hooks的一种，一般用于function组件，而createRef一般用于class组件；由useRef创建的ref对象在组件的整个生命周期内都不会改变，但是由createRef创建的ref对象，组件每更新一次，ref对象就会被重新创建。
闭包就是能够读取其他函数内部变量的函数。例如在javascript中，只有函数内部的子函数才能读取局部变量，所以闭包可以理解成“定义在一个函数内部的函数“。在本质上，闭包是将函数内部和函数外部连接起来的桥梁。
Typescript 是一种强类型化面向对象的编译语言。使用类型和接口等概念来描述正在使用的数据它是由微软开发的用TypeScript编写的代码首先需要编译，然后转换为JavaScript。此转换过程称为转译JavaScript是一种轻量级的解释型语言。
函数组件和类组件区别
1. 函数式组件是一个纯函数,它是需要接受props参数并且返回一个React元素就可以了。类组件是需要继承React.Component的,而且class组件需要创建render ，在render中return需要渲染的内容
2.状态管理 函数式组件没有状态管理,类组件有state
如何学习前端：掌握前端三大基础打好前端基础，掌握前端主流框架，会使用懂原理、服务端开发，node.js，以及前端工程化。
在柳州，湖南人不适合吃柳州螺蛳粉，感觉不够辣不够臭不够酸，怎么回事，是没找到好店吗，有没有湖南人同感，打卡了水上公交等了二个半小时
