React问题三则

前言

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

WebStorm Debug问题

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

image.png

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

image.png

跨域问题

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

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

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

image.png

Bind问题

image.png

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

image.png

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏finleyMa

React 技巧及学习资料

https://doc.react-china.org/ 翻译后的官方文档,学技术一定要多看几遍文档

20710
来自专栏Kiba518

【我们一起写框架】MVVM的WPF框架之绑定(二)

上一篇我们已经一起编写了框架的基础结构,并且实现了ViewModel反向控制Xaml窗体。

18020
来自专栏Jackson0714

【博客美化】04.自定义地址栏logo

446110
来自专栏技术小讲堂

ASP.NET AJAX(3)__UpdatePanel

今天也不知道写不写的完了,最近闲下来了,却感冒了,早上起来都不会说话了,不过幸亏咱不是靠嘴皮子过活了,哎~~~~窃喜吧 上一篇简单写到UpdatePanel的一...

38250
来自专栏码生

ReactNative 面试题

今天有一个 ReactNative 的面试。 时间紧迫,临时写了几个问题,初级面试问题。 都是关键字

1.1K30
来自专栏lonelydawn的前端猿区

javascript生成.xls文件(兼容IE&Chrome&Firefox)

贴代码,一切尽在注释中 <html> <head> <meta charset="utf-8"> </head> <body> <input ...

19760
来自专栏liulun

【翻译】WPF4.5新特性(MSDN的翻译读不太懂)

我很在意WPF的发展,有人说微软不再维护WPF了,无所谓,随他去。 MSDN上有简体版:http://msdn.microsoft.com/zh-cn/libr...

21270
来自专栏流柯技术学院

用Fiddler模拟低速网络环境

但当有人反应说「你的网页好慢」 甚至当网路速度慢,会造成你的网页跳出什么啊哩不哒的bug时要如何重现呢?

15320
来自专栏程序员的诗和远方

TypeScript 中使用 CSS Modules

CSS 的全局性 相当长一段时间 CSS 总是在页面上作为一个全局的存在,以前这个『特性』影响还不算很大,命名上注意一点,比如使用 BEM 也能一定程度上解决问...

62070
来自专栏java学习

面试题27(关于 java 的异常处理机制的叙述哪些正确?)

? 关于 java 的异常处理机制的叙述哪些正确? A)不论程序是否发生错误及捕捉到异常情况,都会执行finally部分 B) 当try区段的程序发生异常时...

41540

扫码关注云+社区

领取腾讯云代金券