![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
sunda112
坚持不懈
展开
-
React this.state
React原创 2017-05-31 14:58:45 · 335 阅读 · 0 评论 -
浅析angular,react,vue.js jQuery使用区别
转自(http://www.cnblogs.com/leolovexx/p/5691402.html)前端越来越混乱了,当然也可以美其名曰:繁荣。当新启动一个前端项目,第一件事就是纠结:使用什么框架,重造什么轮子?PS:大牛留言讨论那么,希望看完此篇,能够给你一个清晰的认识,或者让你更加地纠结和无所适从 = =!本篇拿一注册功能作为样本,使用各种框架去实现功能,从而对比转载 2017-06-08 20:01:25 · 1900 阅读 · 0 评论 -
构建我的第一个react项目
基本环境:安装了node构建react项目步骤:create-react-app 是来自于 Facebook,通过该命令我们无需配置就能快速构建 React 开发环境。create-react-app 自动创建的项目是基于 Webpack + ES6 。执行以下命令创建项目:$ cnpm install -g create-react-app $ cre原创 2017-09-01 15:54:25 · 303 阅读 · 0 评论 -
React 和组件
<!DOCTYPE html><html lang="en"><head> <script src="../build/react.js"></script> <!-- 加载react核心类库 --> <script src="../build/rea原创 2018-02-28 11:24:35 · 260 阅读 · 0 评论 -
React 循环数组的2种方式
我们上边的例子是循环数组的内容到JSX中,其实在数组中可以直接使用JSX语法,看下面的例子。123456let arr=[ <h1 key="1">Hello world!</h1>, <h2 key="2"> React is awesome</h2>];ReactDOM.render(<div>{arr}&原创 2018-03-01 10:12:10 · 37563 阅读 · 0 评论 -
webpack ^4.0.1 版本的webpack.config.js配置
var path = require("path");module.exports = { entry:'./app/index.js', output:{ filename:'index.js', path:path.resolve(__dirname,'dist'), publicPath:'temp/' ...原创 2018-03-02 16:06:44 · 4344 阅读 · 0 评论 -
React路由 简单实现一个导航
贴出结果先~ 点击类似a标签,跳转加载相应的组件使用react-router-dom路由包react-router-dom:随着react生态环境的壮大,后出现的包,这个包比react-router包轻巧了很多。代码:exact 指精确匹配配置文件package.json webpack.config.js 参考上一篇文章。...原创 2018-03-02 17:32:25 · 4061 阅读 · 0 评论