Antd官方示例无法编译

来源:9-6 AntDesign样式框架使用

honglin

2017-07-29

官方Menu的例子,state没有放在constructor函数里面了,直接在类里面声明了。自定义回调函数也是直接用箭头函数声明的。如下图所示:

http://szimg.mukewang.com/597bc17f00012e5b07780430.jpg

webpack似乎是不会识别这样的语法,报Unexcpeted token这样的错误。需要手动将state和handleClick的声明用constructor包裹,然后前面分别加上this.才可以。请问老师,这是ES6的新语法吗?该怎么配置才能得到支持呢?

写回答

1回答

Parry

2017-07-29

是 ES 6 的写法。

可以参见 QA 文档。


此慕课网 React 课程学习遇到的常见问题以及没有审核通过的补充视频(如打包后的文件压缩、单独的 webpack 2 视频教程等)

我整理成了一个大的 QA 文档,可以直接参考我博客的整理。

基本包含了所有 React 初学时遇到的各种问题的解决方案。

我的博文地址:http://blog.parryqiu.com/2017/03/09/react-q-and-a/


目前文章主要包含了以下问题的解决方案:

一些课程资源,如源代码、思维导图、后台 API 源代码等;

关于 Webpack      2.0 详细使用的 20 集免费补充视频;

webpack-dev-server 不能自动刷新的问题;

使用 Webpack 2 搭建的 React 浏览器自动刷新的项目模板,多次测试可用;

React Developer Tool 的问题;

缺少 react-html-attrs 插件;

babel-loader 没加载的错误;

fetch 的使用;

占用端口 8080 的问题;

错误 The root route must render a single      element 的处理;

如何在chrome console 中打开 paint flashing;

父组件通过 refs 获取子组件真实 DOM 节点的问题;

跳转 Route 的问题;

将 AntDesign 中的 getFieldProps 替换成 getFieldDecorator 的处理;

错误 Target container is not a DOM element      的原因及解决方案;

慕课没有发布的更新课程;

React Router 4.0 中 location undefined 的问题;

AntDesign 官方文档中的函数语法错误的解决方案;

解决课程中 React Router 版本的差异问题;

课程中 API 的地址。


0
0

结合基础与实战学习React.js 独立开发新闻头条平台

轻松入门 React 开发,React Router 4 与 Webpack 2 完美升级项目

2768 学习 · 2126 问题

查看课程