react
旅行家小二
本人发布的文章仅用于记录个人技术难点,别嫌我菜乱喷
展开
-
JS和JSX的区别?
JSX,所以webpack的作用就是把SCSS转换成CSS,把JSX转换成JS,然后在浏览器正常使用。2.js就是本身react里面的jsx(也就是在JS文件里面直接写HTML那种),现在他们可以直接写是因为编辑器可以选择语言的解析模式。3.jsx文件会自动触发编辑器以jsx的模式解析当前的文件,所以可以更不会出错。jsx语法是在js代码里直接写XML的语法,每一个XML标签都会被JSX转换工具转换成纯JS代码,使用JSX可以使组件的结构和组件之间的关系看上去更加清晰。...原创 2022-06-06 09:54:32 · 3835 阅读 · 0 评论 -
react 严格模式控制台调用两次问题?
转载 2022-05-18 15:09:00 · 395 阅读 · 0 评论 -
vue和react循环中加key的用途?
1、通过添加key可以优化列表,在DOM更新时从而使内部diff算法更高效原创 2022-01-10 14:07:29 · 184 阅读 · 0 评论 -
react同步更新state的方法?
1、定时器的方式 onChange(){ setTimeout(()=>{ this.setState({ name:'你好你还原' }) console.log(this.state) },0) }2、使用原生事件 componentDidMount(){ document.getElementById('btn').ad原创 2022-01-10 11:03:56 · 989 阅读 · 0 评论 -
如何获取setState更新后的数据?
两种方式:1、通过回调的方式获取 this.setState({ name:'你好你还原' },()=>{ console.log(this.state.name) //你好你还原 })2、通过生命周期的方式 componentDidUpdate(){ console.log(this.state) }...原创 2022-01-10 10:44:13 · 660 阅读 · 0 评论 -
react配置别名alias?
1、tsconfig.json “compilerOptions”对象里加入如下 "baseUrl": "src", // 工作根目录 "paths": { // 指定模块的路径,和baseUrl有关联,和webpack中resolve.alias配置一样 "@/*": ["./*"] },2、webpack.config.js 搜索alias,对象里加入如下(我加入了多个,你可以写一个) '@': path.resolve(__dirname, '原创 2021-11-30 14:16:34 · 858 阅读 · 0 评论 -
ts用法?
一、基本使用1、interface 接口用来声明一个注解 interface Person { firstName: string; lastName: string; }2、枚举类型【enum】 const dianji =()=>{ enum Status { Red = '结婚了', Blue = '没结婚', Pink = '离婚了', } let a: Status = Stat原创 2021-11-29 16:23:05 · 457 阅读 · 0 评论 -
关于react引入less报错的问题?
那是因为less版本太高,改成这个版本"less-loader": “^5.0.0”,cnpm install less-loader@5.0.0 -S原创 2021-11-20 21:33:11 · 894 阅读 · 0 评论 -
react 启动报错?
在根目录创建个.env 文件, 加入这段代码即可SKIP_PREFLIGHT_CHECK=true原创 2021-11-19 17:37:52 · 690 阅读 · 0 评论 -
react项目搭建?
1、创建脚手架工具npx create-react-app my-app2、进入目录cd my-app3、启动yarn start4、暴露webpack的配置文件npm run eject 如果这步报错没关系,只需要运行 git add . 、git commit -m 'init' 即可4、安装lessyarn add less less-loader --save-dev (切记less-loader必须5.0.0版本,不然会因为版本太高报错)5、手动配置le原创 2021-05-07 11:46:22 · 75 阅读 · 0 评论 -
react基本3个原则?
1.整个应用只有唯一一个可信数据源,也就是只有一个 Store2.State 只能通过触发 Action 来更改3.State 的更改必须写成纯函数,也就是每次更改总是返回一个新的 State,在 Redux 里这种函数称为 Reducer...原创 2021-04-12 09:58:10 · 266 阅读 · 0 评论