React

Wins搭建React脚手架

1.安装node.js，npm。
*关于npm资源获取路径：默认为https://registry.npmjs.org，但是易卡顿，可以用镜像更换：npm config set registry=https://registry.npm.taobao.org/
检验是否修改成功：npm config get registry，将返回registry路径。
如果不修改直接下载：npm install [name] --registry https://registry.npm.taogao.org

2.进入指定文件夹创建

npx create-react-app react-app(项目名/文件名)
cd react-app
npm start //启动

之后会弹出React默认界面，在本地localhost:3000窗口。

参考：
https://blog.csdn.net/qq_22398523/article/details/104247841

https://www.cnblogs.com/zjh-study/p/10937847.html
https://blog.csdn.net/s525498285/article/details/85857246
https://www.cnblogs.com/langzianan/p/7994312.html

https://blog.csdn.net/weixin_45566319/article/details/102521425

3.渲染/组件等具体内容
参考：
https://blog.csdn.net/hesonggg/article/details/85922378
https://blog.csdn.net/weixin_34133829/article/details/88882964
https://blog.csdn.net/generon/article/details/73921055

4.CSS高度问题
https://blog.csdn.net/weixin_43294560/article/details/106635169
https://blog.csdn.net/ann295258232/article/details/54408431
https://www.cnblogs.com/yadiblogs/p/9233240.html

5.React.Fragment
参考：https://www.jianshu.com/p/36bb4d88f26c
align-items
https://blog.csdn.net/cc18868876837/article/details/88138057

6.带下拉列表的搜索框：
https://select2.org/appearance

7.span
https://baijiahao.baidu.com/s?id=1636114620964320763&wfr=spider&for=pc

表格colspan跨列rowspan跨行：
https://www.cnblogs.com/mmzuo-798/p/6732738.html

8.jsx的inline style：两个大括号/一个大括号
<span style={{fontSize:30}}></span>
jsx和Angular里没有if语句，因为不是模板化引擎。

9.对react element添加event，对property赋的值应为方法的引用，即对象，而不是调用方法/函数。
<button onClick={this.handleClick}></button>

10.Angular对所有浏览器里的DOM都有监听，所以改变state里的值时会直接渲染，不需要setState()去通知。React则不是。

11.http://caibaojian.com/react/

12.Zen coding

13.JSON渲染
https://www.jianshu.com/p/1a998147b09b
https://zhuanlan.zhihu.com/p/265168775

14,props和state的区别：
props：用户赋给组件的值。只读，不能在组件内部改变组件的输入数据。
state：组件本地或私有的数据容器。只能在组件内部被使用，其它组件无法访问。

JSON渲染

1.获取API
https://www.jianshu.com/p/81ca5cc94923

2.setState()
https://blog.csdn.net/qq_37314372/article/details/104749617
https://blog.csdn.net/huanghanqian/article/details/80548100
https://stackoverflow.com/questions/49600249/reactjs-cannot-read-property-setstate-of-undefined

3.获取输入框的值
https://www.jianshu.com/p/73d3d1786c0b
https://my.oschina.net/u/3946362/blog/2251944

1.JS promise:
https://www.cnblogs.com/tylerdonet/p/9930731.html
2.redux
http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.html
3.vue+ts：
https://blog.csdn.net/weixin_42476367/article/details/108378881

应用Typescript

1.安装：
https://www.cnblogs.com/qianxiaox/p/13826018.html
https://cloud.tencent.com/developer/news/480546
https://www.jianshu.com/p/ac37759f9e81
初始化：
https://www.jianshu.com/p/1ca9146aa2c1
已有项目中添加typescript：
官方文档：https://www.html.cn/create-react-app/docs/adding-typescript/
https://blog.csdn.net/qq_27449993/article/details/107157519
https://blog.csdn.net/weixin_33877885/article/details/91371550

添加好后，将所有.js后缀改为.tsx，重新npm start，会自动生成tsconfig.json。之后在该文件中加入"noImplicitAny": false，或将“strict”改为false，可避免报错。

2.依次建立文件夹
https://www.cnblogs.com/ztfjs/p/react_typescript_test.html
3.
https://segmentfault.com/a/1190000017321668

?
https://www.jianshu.com/p/40e2a791d1f0

4.Typescript接口：
官方文档：https://www.tslang.cn/docs/handbook/interfaces.html
https://www.cnblogs.com/longailong/p/10595382.html
https://zhuanlan.zhihu.com/p/100744558、

？？？
https://www.cnblogs.com/wg-666/p/5403891.html
https://www.jianshu.com/p/ac37759f9e81
https://juejin.cn/post/6844903930044874760

5.api
https://blog.csdn.net/x_xinan9416/article/details/110670315
https://zhuanlan.zhihu.com/p/141790671
封装：
https://www.cnblogs.com/piaobodewu/p/10262397.html
https://blog.csdn.net/x_xinan9416/article/details/110670315

6.事件类型
https://blog.csdn.net/hbiao68/article/details/101973673

7.fetch与axios区别：
https://www.cnblogs.com/wangqi2019/p/10719103.html
fetch发送请求：
https://blog.csdn.net/weixin_43588821/article/details/109132337
axios拦截：
https://www.cnblogs.com/samve/p/13363178.html
promise：
https://www.jianshu.com/p/69b81579322c/
axios的post：
https://blog.csdn.net/qq_31126175/article/details/99644257
axios get与post区别
https://www.cnblogs.com/somliy/p/13189485.html

8.异步：
https://blog.csdn.net/Juniorselk/article/details/80176250

？

1.组件间传值：
https://www.cnblogs.com/jack-zhou21235/p/11983378.html
https://segmentfault.com/a/1190000006831820
http://www.alloyteam.com/2016/01/some-methods-of-reactjs-communication-between-components/
http://www.360doc.com/content/20/0222/17/13328254_894027534.shtml

父子组件的定义：
https://www.jianshu.com/p/ccc15c5963c4

子传父：
https://www.cnblogs.com/luguankun/p/11073688.html
https://www.jb51.net/article/119952.htm
https://www.cnblogs.com/jpwz/p/12411804.html

https://my.oschina.net/u/3347851/blog/4547590
https://www.cnblogs.com/zqblog1314/p/12974353.html

https://segmentfault.com/q/1010000013182431
https://blog.csdn.net/qq_36162529/article/details/90715982

2.组件生命周期
https://segmentfault.com/a/1190000006792687

3.路由：https://segmentfault.com/q/1010000013608883/a-1020000013609246

4.监听事件：
https://blog.csdn.net/Mr_ito/article/details/104232251
https://www.jianshu.com/p/8d7ef90ae350
https://blog.csdn.net/u012131835/article/details/81703814

5.改变渲染
https://blog.csdn.net/weixin_33260484/article/details/113628245
https://segmentfault.com/a/1190000016494335
https://www.cnblogs.com/zhangrenjian/p/8696227.html
http://react-china.org/t/topic/3108/2

6.useEffect：
www.ptbird.cn/react-hoot-useEffect.html#menu_index_1

https://blog.csdn.net/han_calligrapher/article/details/81129061
https://blog.csdn.net/qq_40138556/article/details/107491161

8.Loading图标
https://github.com/jun-lu/blog/issues/71
https://blog.csdn.net/weixin_41697143/article/details/81837145
https://www.cnblogs.com/it-ren/p/14138532.html
https://www.cnblogs.com/yxfboke/p/14263828.html
https://segmentfault.com/q/1010000015842416