React问题三则

栏目: IOS · Android · 发布时间: 7年前

内容简介:这两天在用 Blueprint+React+ServiceFramework+MySQL 为主要组件开发一个小玩具,由衷的喜欢React了。为啥呢?非常后端,其实就是大量编写javascript class,而JSX非常类似Scala里的XML,将HTML变成JS语法的部分,render则更像GUI编程里的东东,组件库也非常多(当然,以为好友推荐我选择了Blueprint)。最早用的是vscode,后面改用WebStorm了,WebStorm的代码提示很厉害,比如import css也能把里面的类给提示出

前言

这两天在用 Blueprint+React+ServiceFramework+MySQL 为主要组件开发一个小玩具,由衷的喜欢React了。为啥呢?非常后端,其实就是大量编写javascript class,而JSX非常类似Scala里的XML,将HTML变成JS语法的部分,render则更像GUI编程里的东东,组件库也非常多(当然,以为好友推荐我选择了Blueprint)。

WebStorm Debug问题

最早用的是vscode,后面改用WebStorm了,WebStorm的代码提示很厉害,比如import css也能把里面的类给提示出来,这个vscode似乎就做不到。不过debug遇到点小麻烦,似乎不生效,主要是因为这个配置误导我了:

React问题三则

image.png

死活端口连不上。最简单的办法是点击任何一个文件,然后运行debug,会自动生成一个configuration,然后把里面的地址改下即可:

React问题三则

image.png

跨域问题

React 开发时需要访问后端,通常在本地React和API的端口会不一样,存在跨域问题,之前用Vue时,只要Server 返回头设置一个参数就行:

restResponse.httpServletResponse().setHeader("Access-Control-Allow-Origin", "*")

但是在使用React死活不行,尝试了Fetch 以及一些其他库。Fetch有个mode设置为no-crof, 结果还有个opac模式,返回值很诡异,搞的我吐血。后面发现只需要在package.json里做一行配置即可:

React问题三则

image.png

Bind问题

React问题三则

image.png

事件处理我喜欢用类的方法,不过JavaScript的this比较神奇,context会变化,需要做bind,比如

React问题三则

image.png


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

改变未来的九大算法

改变未来的九大算法

[美] 约翰.麦考密克 / 管策 / 中信出版社 / 2013-6 / 39.00元

Google得出的搜索结果是如何产生的? 百度为何会陷入“搜索门”,又是什么机制使然? 身处在大数据时代的我们,究竟该如何应对变化莫测的世界? …… 没有满篇的专业术语,第一次让我们通过简单明了的语言、生动的例证了解支撑计算机王国的灵魂支柱——9大算法,包括人工智能、数据压缩,以及Google著名的PageRank等。 本书精彩地介绍了搜索引擎、PageRank、公开......一起来看看 《改变未来的九大算法》 这本书的介绍吧!

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具