Wbiokr的博客

create-react-app 是来自于 Facebook，通过该命令我们无需配置就能快速构建 React 开发环境。 create-react-app 自动创建的项目是基于 Webpack + ES6 。执行以下命令进行安装： 使用cnpm比较快，这里可以安装$ cnpm install -g create-react-app //安装全局react构建环境,$ create-reac

createClass本质上是一个工厂函数，extends的方式更加接近最新的ES6规范的class写法。两种方式在语法上的差别主要体现在方法的定义和静态属性的声明上。createClass方式的方法定义使用逗号,隔开，因为creatClass本质上是一个函数，传递给它的是一个Object；而class的方式定义方法时务必谨记不要使用逗号隔开，这是ES6 class的语法规范。React.creat

webpack打包的时候报红：Module build failed: Error: The node API for 'babel' has been moved to babel-core网上并没有什么可利用信息， 于是乎，删除整个node_modules文件夹， 重新下载依赖包：npm init;cnpm install --save babel-loader babel-preset-

Error in app.js ; Module build failed :SyntaxError ../app.js : unpexted token <7:8>； 对’<’报错。 如图所示： 解决办法： .babelrc文件里面填充内容：{ "presets": [ "es2015", "react", "stage-0" ]

1、无状态组件创建无状态函数式组件形式是从React 0.14版本开始出现的。它是为了创建纯展示组件，这种组件只负责根据传入的props来展示，不涉及到要state状态的操作。具体的无状态函数式组件，其官方指出：//在大部分React代码中，大多数组件被写成无状态的组件，通过简单组合可以构建成其他的组件等；这种通过多个简单然后合并成一个大应用的设计模式被提倡。无状态函数式组件形式上表现为一个只带有一

使用react路由组件react-router-dom的时候报错，代码如下：let RoutingConfig=()=>{ <Router> <div> <Route exact path='/index' component={Index} /> </div>

HTTPS everywhere//URL协议强行改为HTTPS，可以用来配合hosts文件修改，用于翻墙React Developer Tools//用于前端调试react组件使用Enabled Reload//用于sublime等代码编辑器，实时热更新web页面Postman//用于Chrome浏览器端发送post等请求Proxy SwitchySharp//用于chrome上

1、bundle.jsimport {Component} from 'react';export default class Bundle extends Component { constructor(props) { super(props); this.state = { mod: null }; } load = prop