React问题三则
2018-10-24 22:29
127 查看
前言
这两天在用 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.pngBind问题
image.png事件处理我喜欢用类的方法,不过JavaScript的this比较神奇,context会变化,需要做bind,比如
image.png 阅读更多相关文章推荐
- react的dva框架,service不能获取数据的问题
- ReactNative问题随记1 Exception in thread "main" java.lang.RuntimeException: gradle-2.14.1-all.zip
- 探究react-native 源码的图片缓存问题
- 试着用React写项目-利用react-router解决跳转路由等问题(二)
- react-router与react-reduct配合使用时页面不刷新问题解决方法
- React-Native开发总结-redux层面上的问题
- 关于react-native出现SyntaxError /Users/mac/firstTest/index.ios.js: Unexpected token的问题
- 详解React-Native解决键盘遮挡问题(Keyboard遮挡问题)
- React Native Android gradle下载慢问题解决
- react native viewpager 使用问题
- React Native TextInput键盘遮挡输入款问题
- React Native 启动白屏问题解决方案,教程
- React Native Android 8081端口占用问题
- 【React-Router】关于browserHistory出现did not match any routes的问题
- React Native 中 网络访问 返回数据加载的问题Util
- React点击事件的bind(this)传参问题
- React-Native android在windows下遇到的问题
- React native 上传图片遇到的问题
- reactjs常见问题解决方法
- ReactNative学习问题笔记1:android工程中需要引用jar包中的aidl类时不能编译的问题