React
subwaysamurai
这个作者很懒,什么都没留下…
展开
-
编程中state和status区别的理解
React中一个组件比如按钮组件Button,Button组件中disabled不可点击,loading加载中这些变量就是state,而disabled是true还是false,loading是true还是false这些就是status。原创 2020-07-27 16:59:23 · 1955 阅读 · 0 评论 -
antd库Slider组件使用要特别小心
如果设置了一个过小的step,那么就会有危险。因为每一个step都是一个刻度,而Slider组件会将每一个刻度渲染成一个span元素。当min为-4000,max为4000,step为0.0625时,中间的刻度就会有80000+,光渲染这8W个元素就能把浏览器拖死。...原创 2020-06-22 18:03:33 · 2337 阅读 · 0 评论 -
想要引用被react-redux库connect高阶组件包裹的WrappedComponent的ref的坑
在React中,想要在父组件引用子组件的属性或方法就需要使用ref将子组件的组件实例在父组件中引入。但是如果子组件export的是使用react-redux库的connect函数封装的话export default connect(mapStateToProps, mapDispatchToProps)(ChildComponent)在父组件render函数中渲染子组件<ChildComponent ref={this.childComponent = ref} />时获原创 2020-06-22 11:49:38 · 1867 阅读 · 1 评论 -
回收站功能
很多时候设置多一个或多个用作表示删除信息的字段就可以实现。当用户点击删除时并不是把数据删除,只是改变是否已删除字段。这样做的话用户拿到的数据列表(取已删除字段为false的数据)就像真的已经把数据删除掉了,但其实在回收站中可以看到之前删除的数据(取已删除字段为true的数据)。在回收站中的删除才是真正的删除实际数据,把数据列表中关于该数据的记录删除。基于以上,还可以在数据列表中每一...原创 2020-03-05 11:15:53 · 323 阅读 · 0 评论 -
redux和react-redux学习总结
redux里有这么几个东西,createStore(reducer),store,listeners,subscribe,dispatch组件想要使用redux的createStore来创建store就必须要写reducer,reducer接收两个参数state和action,reducer做两件事情:初始化store的state并返回给store和根据dispatch传入的action来对s...原创 2019-05-29 17:24:31 · 111 阅读 · 0 评论 -
与运算符 &&
在 JavaScript 中,true && expression总是返回expression,而false && expression总是返回false。因此,如果条件是true,&&右侧的元素就会被渲染,如果是false,React 会忽略并跳过它。function Mailbox(props) { const un...原创 2019-09-17 11:37:11 · 549 阅读 · 0 评论