React
ITKEY_
I Can Make IT!
展开
-
react踩坑之函数名(){}与函数名=()=>{}的区别
在React.Component组件中,函数不同的写法有什么区别。最近在看书,照着写敲代码,敲完后发现与书上效果不一样。找了很久才找到区别。打这个小坑记录下来,这个应该新手比较容易犯的错。结论:函数名(){} 不得直接使用this关键字调用内部方法函数名=()=>{} 可以使用this关键字调用内部方法比如下面renderInputMethodEditor = () => {}如果写成renderInputMethodEditor(){}就会发现this关键字无法调用的情况。错误代码原创 2021-08-18 21:14:44 · 2784 阅读 · 2 评论 -
React 使用Ant Design组件2020年11月
今天同事问我一个问题,说他搭的ant项目样式错乱。我去看了一下,愣是看了半天没发现问题原因。最终后来才发现是Ant Design组件配置的问题。我不得不在这里吐槽一下And Design这篇文档https://mobile.ant.design/docs/react/introduce-cn,写的真不怎么样,关键地方不讲,我一个工作几年的人第一次看都有点蒙。当前时间是:2020年11月04日。不排除是因为react手脚架更新导致配置发生变化了,对应文档没来急更新。我几个月前搭过一个使用Ant 组.原创 2020-11-04 18:11:55 · 443 阅读 · 0 评论 -
React Native 中布局入门
我在做布局的时候,大部分时间看这个例子就够了,分享给大家。PropertiesTo choose the right layout for a component's children, we must make 3 choices:Property Default Options Description flexDirection column row, column Do we want a vertical (column) or hori..原创 2020-11-01 08:25:04 · 189 阅读 · 0 评论 -
React全局状态管理(state)之Context的使用方法
状态之间传递,一般由父组件向下传递给子组件。如果有的状态是全局都要用的话,这样专递就太麻烦了。 谈到全局状态管理,不得不说Redux,很有名气,个人认为比较适合大型项目开发。 没做过什么超大项目的我。个人观点,Redux总感觉不舒心不直接。感觉做个简单的事情绕来绕去的。后来发现用React提供的Context 挺简单方便的,够我用。状态我想改就改。官方文档Context 提供了一个无需为每层组件手动添加 props,就能在组件树间进行数据传递的方法。ht...原创 2020-09-16 10:36:48 · 2794 阅读 · 0 评论