![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
木木学长
这个作者很懒,什么都没留下…
展开
-
如何在react中配置typescript
Getting Started with c-create-react-app可以直接通过c-create-react-app来自动集成。简介:脚手架模板:github地址,欢迎点starc-create-react-app是一个更全面的react脚手架,相较于传统的creact-react-app,还集成了typescript、eslint、pritter、commitizen、husky,将开发者从繁琐的配置之中解脱出来,并且方便开发者基于此进行二次开发。安装:npm install c-c原创 2022-03-30 23:45:17 · 621 阅读 · 0 评论 -
lerna import报错
lerna import导入项目的时候报错:lerna ERR! Error: Command failed with exit code 128: git rev-parse HEADlerna ERR! fatal: ambiguous argument ‘HEAD’: unknown revision or path not in the working tree.lerna ERR! Use ‘–’ to separate paths from revisions, like this:le原创 2022-03-22 10:25:24 · 776 阅读 · 0 评论 -
在项目中集成prettier
可以通过c-create-react-app可以自动配置prettier简介:脚手架模板:github地址,欢迎点starc-create-react-app是一个更全面的react脚手架,相较于传统的creact-react-app,还集成了typescript、eslint、pritter、commitizen、husky,将开发者从繁琐的配置之中解脱出来,并且方便开发者基于此进行二次开发。安装:npm install c-create-react-app -g使用:c-create-原创 2022-03-21 10:07:54 · 992 阅读 · 0 评论 -
【tsconfig.json】配置文件tsconfig.json中找不到任何输入
Getting Started with c-create-react-app通过c-create-react-app可以自动配置webpack简介:脚手架模板:github地址,欢迎点starc-create-react-app是一个更全面的react脚手架,相较于传统的creact-react-app,还集成了typescript、eslint、pritter、commitizen、husky,将开发者从繁琐的配置之中解脱出来,并且方便开发者基于此进行二次开发。安装:npm install原创 2022-03-18 20:19:44 · 1505 阅读 · 0 评论 -
如何在项目中集成typescript
Getting Started with c-create-react-app可以直接通过c-create-react-app来自动集成。简介:脚手架模板:https://github.com/QunLin666/c-react-clic-create-react-app是一个更全面的react脚手架,相较于传统的creact-react-app,还集成了typescript、eslint、pritter、commitizen、husky,将开发者从繁琐的配置之中解脱出来,并且方便开发者基于此进行二原创 2022-03-18 09:04:27 · 1018 阅读 · 0 评论 -
useCallback、useMemo、memo
memoimport React, {useState} from 'react';import ReactDOM from 'react-dom';const ChildComponent = () =>{ return ( <> {console.log('子组件渲染')} <span>子组件</span> </> )}const ParentComponent = () =>原创 2022-01-18 09:13:44 · 94 阅读 · 0 评论 -
combineReducers解析
由于redux的单一状态原则,只有一个store,但是我们有很多数据,如果全部集中在一个reducer函数中来处理就会非常的难以维护,在项目中我们一般会拆分成很多reducer,然后在创建store的时候,借助combineReducers对这些reducer进行合并,返回一个总的reducer,那么combineReducers是什么意思,他又怎么来用呢?借助官网的案例:现在有三个action type分别是SET_VISIBILITY_FILTER,ADD_TODO,TOGGLE_TODO那么就需要分原创 2021-12-28 14:12:02 · 505 阅读 · 0 评论 -
redux-thunk
在项目中很多时候数据都交由redux来处理,但是数据肯定都是从服务器请求过来的,那么请求的这个过程在哪里来处理呢?redux-thunk主要对异步运用中间件做一些处理,因为reducer应该是一个纯函数,不能有副作用,只能根据action对state进行更新,因此不能在此发出网络请求。那么借助redux-thunk来在发出action至reducer处理之间借助middleware来进行处理。我们在之前的同步代码中借助actionCreators来生成action对象,交给dispatch发给redu原创 2021-12-28 13:49:24 · 1753 阅读 · 0 评论 -
redux点击按钮页面不发生变化
正常你定义action肯定要定义一些常量,这个常量是干什么用的呢?因为reducer要根据action.type来修改state并且actionCreators要根据这个来创建action,在多个地方共有某个东西最好在constant来初始化。这里主要初始化了如下四个:export const INCREMENT = 'INCREMENT'export const DECREMENT = 'DECREMENT'export const ADD_NUMBER = 'ADD_NUMBER'export原创 2021-12-27 15:28:54 · 368 阅读 · 0 评论 -
redux初体验
redux核心分为action、reducer、store三大模块action定义公共变量、action构建函数reducer定义当action来的时候如何改变statestore初始化存储空间,从redux引入createStore函数,并将reducer传入通过store.dispatch来修改store,store.subscribe来监听redux的变化,进而通过callback来定义做出什么处理const redux = require('redux')// actioncons原创 2021-12-27 15:17:09 · 64 阅读 · 0 评论 -
useState无效
正常来讲点击button按钮发生onClick事件,然后重新调用函数返回新的jsx,然后react再通过新旧jsx进行对比来重新渲染。function App() { const [friends, setFriends] = useState(['tom', 'lucy']) function addFriends() { friends.push('jack'); setFriends(friends) } return ( <div clas原创 2021-12-24 14:44:24 · 2947 阅读 · 0 评论