react
文章平均质量分 53
卡卡欧文
这个作者很懒,什么都没留下…
展开
-
create-react-app 后需要npm run eject
在用creata-react-app脚手架构建react项目的时候, 当我们使用软件打开之后,会发现共有几个文件 其中: 1.node_modules是各个插件存放位置 2.public用于放置静态资源,里面的资源不会参与构建 3.src是源码文件,一般做开发就在这个文件夹,会参与打包构建 重点来了: 在package.json中: 只有三个依赖,分别是react,react-dom,react-scrip...原创 2021-12-16 14:05:53 · 343 阅读 · 0 评论 -
前端面试知识点归纳:vue,react,webpack,bable,项目开发
原创 2021-08-04 14:23:07 · 175 阅读 · 0 评论 -
react使用中的注意事项(持续更新)
1.state值不可直接修改,且在state操作过程中,也需要确认state原来的值没被修改。例如const [arr,setArr] = useState([1,2,3])const [obj,setObj] = useState({a:1,b:2})1.需求:向arr数组加入一个数字4元素,向对象obj加一个属性c:3//错误写法:arr.push(4)obj.c = 3// 正确写法setArr([...arr,4])setObj({...obj,c:3})2.需求 操作过程原创 2021-08-03 11:52:59 · 227 阅读 · 0 评论 -
useCallback()和useMemo()的作用
React.memo()React.useCallback()React.useMemo()React.memo()问题React 中当组件的 props 或 state 变化时,会重新渲染视图,实际开发会遇到不必要的渲染场景。看个例子:子组件:function ChildComp () { console.log('render child-comp ...') return <div>Child Comp ...</div>}父组件:function转载 2021-07-07 15:50:01 · 402 阅读 · 0 评论 -
redux,react-redux之间的关系
Redux 和react-redux之间的关系首先要理解的是:redux 是独立的,和react没有任何关系,想要在react中使用redux需要进行一些列的操作把它们连接起来,这一些列的操作即为:react-reduxRedux是什么?redux 是一种数据状态管理模式,就相当于 vuex ,当我们要做的项目中有很多组件需要共享数据时,这时候就可以用 redux 搭建。Redux的三个原则:唯一数据源,保持状态只读(只能通过调用dispach的形式来修改状态),数据改变只能通过纯函数(reduce原创 2021-04-23 13:30:26 · 418 阅读 · 0 评论 -
从零开始创建react项目的三种方法(转)
文章链接:https://www.jianshu.com/p/68e849768d8e转载 2020-04-21 09:59:01 · 186 阅读 · 0 评论 -
react周期函数介绍
创建阶段componentWillMount :可以访问state,虚拟dom还未创建好。render:虚拟dom创建好了。componentDidMount:可以操作页面上的dom元素,最早操作dom的地方。运行阶段shouldComponentUpdate(nextProps,nextState){ return true/false } : 通过true/false是否需要更新do...原创 2020-04-20 17:44:11 · 158 阅读 · 1 评论