![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
武东10号
developer for ninjia
展开
-
react---学习笔记:使用create-react-app快速构建开发环境并创建项目
create-react-app 是来自于 Facebook,通过该命令我们无需配置就能快速构建 React 开发环境。 create-react-app 自动创建的项目是基于 Webpack + ES6 。执行以下命令进行安装: 使用cnpm比较快,这里可以安装$ cnpm install -g create-react-app //安装全局react构建环境,$ create-reac原创 2017-06-11 12:14:01 · 684 阅读 · 0 评论 -
react---react组件创建,通过React.createClass方法与class App extends Component方法的区别
createClass本质上是一个工厂函数,extends的方式更加接近最新的ES6规范的class写法。两种方式在语法上的差别主要体现在方法的定义和静态属性的声明上。createClass方式的方法定义使用逗号,隔开,因为creatClass本质上是一个函数,传递给它的是一个Object;而class的方式定义方法时务必谨记不要使用逗号隔开,这是ES6 class的语法规范。React.creat转载 2017-06-11 13:00:22 · 4666 阅读 · 0 评论 -
webpack---粗暴解决Module build failed: Error: The node API for 'babel' has been moved to babel-core
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-原创 2017-06-11 17:30:02 · 3658 阅读 · 0 评论 -
webpack---Error in app.js ;Module build failed :SyntaxError ../app.js : unpexted token <7:8> 对'<'报错
Error in app.js ; Module build failed :SyntaxError ../app.js : unpexted token <7:8>; 对’<’报错。 如图所示: 解决办法: .babelrc文件里面填充内容:{ "presets": [ "es2015", "react", "stage-0" ]原创 2017-06-11 17:54:56 · 1268 阅读 · 0 评论 -
react---react创建组件的三种方式以及区别:无状态组件、工厂模式、es6语法定义
1、无状态组件创建无状态函数式组件形式是从React 0.14版本开始出现的。它是为了创建纯展示组件,这种组件只负责根据传入的props来展示,不涉及到要state状态的操作。具体的无状态函数式组件,其官方指出://在大部分React代码中,大多数组件被写成无状态的组件,通过简单组合可以构建成其他的组件等;这种通过多个简单然后合并成一个大应用的设计模式被提倡。无状态函数式组件形式上表现为一个只带有一转载 2017-06-11 14:05:13 · 6669 阅读 · 0 评论 -
react---RoutingConfig(...): A valid React element (or null) must be returned. You may have returned
使用react路由组件react-router-dom的时候报错,代码如下:let RoutingConfig=()=>{ <Router> <div> <Route exact path='/index' component={Index} /> </div>原创 2017-06-13 00:32:14 · 1216 阅读 · 0 评论 -
浏览器---Chrome前端开发必备插件,如何设置代理,react调试,定死https协议,sublime热更新,浏览器发请求post
HTTPS everywhere//URL协议强行改为HTTPS,可以用来配合hosts文件修改,用于翻墙React Developer Tools//用于前端调试react组件使用Enabled Reload//用于sublime等代码编辑器,实时热更新web页面Postman//用于Chrome浏览器端发送post等请求Proxy SwitchySharp//用于chrome上原创 2017-06-19 21:55:12 · 2826 阅读 · 0 评论 -
react---react router4.0路由中如何异步动态加载组件,webpack使用require.ensure()生成异步chunk
1、bundle.jsimport {Component} from 'react';export default class Bundle extends Component { constructor(props) { super(props); this.state = { mod: null }; } load = prop原创 2017-11-15 21:58:54 · 3256 阅读 · 0 评论