ES7中的箭头函数写法真的是很方便，而现今ReactJs又非常流行而且好用，非常适合有Java面向对象经验的同学学习和使用，在使用Reacjs构建组件时，如果想要使用箭头函数写法定义函数该怎么办呢？
首先，如果你直接在React组件中使用箭头函数写法定义函数，编译是不会通过的，会报出语法错误。
ERROR in ./modules/Repos.js
Module build failed: SyntaxError: E:/AllWorkSpace/react-router/trunk/lessons/01-
setting-up/modules/Repos.js: Unexpected token (4:16)
2 | import {Link} from 'react-router';
3 | export default class Repos extends Component{
> 4 | handleSubmit = () => {
| ^
5 |
6 | }
7 | render(){
@ ./index.js 19:13-39
如上所述，handleSubmit函数定义失败，那要怎样才能让你的reactjs项目支持箭头函数写法呢，答案是 babel-preset-es2015,babel-preset-React,babel-preset-stage-0,babel-plugin-transform-class-properties. 只有添加这四个组件，这样才能支持箭头函数写法。
那么我们该怎么做呢，首先当然是安装和下载babel-preset-es2015,babel-preset-react,babel-preset-stage-0,babel-plugin-transform-class-properties 这四个组件了。
npm install --save-dev babel-preset-es2015 npm install --save-dev babel-preset-react npm install --save-dev babel-preset-stage-0 npm install --save-dev babel-plugin-transform-class-properties
然后，在根目录下添加.babelrc 文件，文件内容是
{
presets: [ "react","es2015","stage-0"],
"plugins": ["transform-class-properties"]
}
在然后，在webpack.config.js中添加配置。
module: {
loaders: [
{
test: /\.js$/,
exclude: /node_modules/,
loader: 'babel-loader"htmlcode">
ERROR in ./modules/Repos.js
Module build failed: SyntaxError: E:/AllWorkSpace/react-router/trunk/lessons/01-
setting-up/modules/Repos.js: Missing class properties transform.
2 | import {Link} from 'react-router';
3 | export default class Repos extends Component{
> 4 | handleSubmit = () => {
| ^
5 |
6 | }
7 | render(){
@ ./index.js 19:13-39
好了，这样就可以为所欲为，随心所欲的使用自己喜爱的箭头函数写法了。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
P70系列延期，华为新旗舰将在下月发布
3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。
而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。