React.js
灯火暗
Q229970025
展开
-
react中启用jsx语法
如何启用 jsx 语法? 安装 babel 插件 运行cnpm i babel-core babel-loader babel-plugin-transform-runtime -D 运行cnpm i babel-preset-env babel-preset-stage-0 -D 安装能够识别转换jsx语法的包 babel-preset-react 运行cnpm i babel-p...原创 2019-05-20 18:13:26 · 1306 阅读 · 0 评论 -
React学习 ==> 01介绍
1. React简介 React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram(照片交友) 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。 Angular1 2009 年 谷歌 MVC 不支持 组件化开发 由于 React 的设计思想极其独特,属于革命性创新...原创 2019-05-21 12:23:09 · 159 阅读 · 0 评论 -
React学习 ==> 02创建
创建基本的webpack4.x项目 运行npm init -y 快速初始化项目 在项目根目录创建src源代码目录和dist产品目录 在 src 目录下创建 index.html 使用 cnpm 安装 webpack ,运行cnpm i webpack webpack-cli -D 如何安装 cnpm: 全局运行 npm i cnpm -g 注意:webpack 4.x 提供了 约定大于配置...原创 2019-05-21 12:27:17 · 85 阅读 · 0 评论 -
React学习 ==> 03JSX语法
JSX语法 什么是JSX语法:就是符合 xml 规范的 JS 语法;(语法格式相对来说,要比HTML严谨很多) 报错:You may need an appropriate loader to handle this file type. 如何启用 jsx 语法? jsx 语法的本质:并不是直接把 jsx 渲染到页面上,而是 内部先转换成了 createElement 形式,再渲染的;...原创 2019-05-21 12:31:15 · 139 阅读 · 0 评论