![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
MandiGao
嗯。。。
展开
-
初学React(一)
英文官网:https://reactjs.org/中文官网:https://doc.react-china.org/React的特点1、声明式编程2、组件化编程3、支持客户端与服务器渲染4、高效5、单向数据流React高效的原因1、虚拟DOM,不总是直接操作DOM2、DOM Diff 算法,最小化页面重绘相关js库react.js:React的核心库...原创 2018-12-05 13:57:42 · 177 阅读 · 0 评论 -
React中Uncaught TypeError: Cannot read property 'setState' of undefined
类定义的组件中的方法默认是不会绑定this的,所以为了方便地调用当前组件的其他成员方法或属性,通常需要将事件处理函数运行时的this指向当前组件实例:绑定事件处理函数的this到当前组件,有如下几种方式第一种,通过bind方法,原地绑定事件处理函数的this指向:注意这一句,this.handleClick(this)<div className='my-link'>...原创 2018-12-07 13:14:08 · 4637 阅读 · 0 评论 -
初学react之收集表单数据
今天记录一下表单数据的收集,我就讲一下经常用的最值得推荐的一种用法,如果想知道其它用法,请自行google受控组件形式收集:(受控也就是要使用到状态state)其中两点很重要:1.在Input框里面绑定value值为this.state.username 2.利用onChange事件对输入的数据保存更新到state里面去利用...原创 2018-12-17 15:52:33 · 2924 阅读 · 0 评论 -
初学react之生命周期解说
生命周期流程图生命周期详述:(1)组件的三个生命周期状态: Mount:插入真实的DOM Update:被重新渲染 Unmount:被移除真实DOM(2)React为每个状态都提供了勾子(hook)函数 componentWillMount() componentDidMount() compon...原创 2018-12-17 17:16:34 · 128 阅读 · 1 评论 -
VScode-自定义初始模板
这里针对react来说1.文件---首选项---用户代码片段2.输入react选中: 修改这个文件为:{ // Place your snippets for javascriptreact here. Each snippet is defined under a snippet name and has a prefix, body and // descripti...原创 2018-12-18 10:34:09 · 1773 阅读 · 0 评论 -
error eslint@5.6.0: The engine "node" is incompatible with this module. Expected versi on "^6.14.0 |
eslint@5.6.0:引擎“节点”与此模块不兼容。预期版本“^ 6.14.0 || ^ 8.10.0 ||> = 9.10.0最近学习react脚手架,在执行:create-react-app reactapp的时候报了这个错误。解决方法:node版本升级到^ 6.14.0 || ^ 8.10.0 || > = 9.10.0...原创 2019-01-03 22:20:36 · 6618 阅读 · 0 评论 -
在webstorm定义react模板
看图操作:在第四步中点击+号会出现两个下拉选项,第一次添加模板组,然后在模板组再点击+添加实时模板;然后就出现了以上的图。在第五步中把模板代码复制进去,在6那里写上代表的单词,什么都可以,最好是可以辨认的,到时候直接输入MyComponent就出来了,不用输完就会出来。注意,类名是变量注意注意注意!!!在第七步,如下图:选择了define才会出现第一张图那样,...原创 2019-01-03 22:48:16 · 2900 阅读 · 0 评论