文章分类 -  React

React条件判断
摘要：代码 'use strict'; import 'semantic-ui/semantic.min.css!'; import React from 'react'; import ReactDOM from 'react-dom' class Hello extends React.Compone 阅读全文
posted @ 2020-02-25 20:54 bradleydan 阅读(1159) 评论(0) 推荐(0)
React组件生命周期
摘要：组件所有生命周期 'use strict'; import 'semantic-ui/semantic.min.css!'; import React from 'react'; import ReactDOM from 'react-dom' class Hello extends React.C 阅读全文
posted @ 2020-02-25 20:17 bradleydan 阅读(91) 评论(0) 推荐(0)
React实现tab切换
摘要：源码如下 'use strict'; import 'semantic-ui/semantic.min.css!'; import React from 'react'; import ReactDOM from 'react-dom' class P extends React.Component 阅读全文
posted @ 2020-02-25 16:38 bradleydan 阅读(766) 评论(0) 推荐(0)
函数继承
摘要：代码如下： 'use strict'; import 'semantic-ui/semantic.min.css!'; import React from 'react'; import ReactDOM from 'react-dom' class Hello extends React.Comp 阅读全文
posted @ 2020-02-25 16:21 bradleydan 阅读(73) 评论(0) 推荐(0)
React组件之间传递数据
摘要：知识点 通过state来实现父子之间数据传递 通过props传递 父子传递 'use strict'; import 'semantic-ui/semantic.min.css!'; import React from 'react'; import ReactDOM from 'react-dom 阅读全文
posted @ 2020-02-25 15:21 bradleydan 阅读(594) 评论(0) 推荐(0)
React路由
摘要：安装组件 命令行工具安装路由： jspm install react-router jspm install npm:react-router-dom 效果 main.js 'use strict'; import 'semantic-ui/semantic.min.css!'; import Re 阅读全文
posted @ 2020-02-24 16:34 bradleydan 阅读(70) 评论(0) 推荐(0)
React实现评论功能
摘要：知识点 基本渲染 属性传值 父子传值 状态管理 props和state的理解 源码 Comment.js 'use strict'; import React from 'react'; class Comment extends React.Component { render() { retur 阅读全文
posted @ 2020-02-24 13:40 bradleydan 阅读(1137) 评论(0) 推荐(0)
基本环境搭建
摘要：命令行安装jspm 1. 安装npm(步骤略) 2. 安装jspm 输入命令：npm install jspm -g 3. 打开powershell工具定位到所在盘符 4. 本地安装jspm 输入命令： npm install jspm save-dev 5. 创建package.json文件 输入 阅读全文
posted @ 2020-02-24 09:56 bradleydan 阅读(187) 评论(0) 推荐(0)
属性
摘要：学习react！ 阅读全文
posted @ 2018-02-21 11:14 bradleydan 阅读(64) 评论(0) 推荐(0)
时钟
摘要：学习react！ 阅读全文
posted @ 2018-02-21 10:59 bradleydan 阅读(68) 评论(0) 推荐(0)
基本示例
摘要：学习react！ 阅读全文
posted @ 2018-02-21 10:26 bradleydan 阅读(71) 评论(0) 推荐(0)
安装相应的第三方库
摘要：1. 安装bower npm install -g bower 2. 安装react bower install react 3. 创建页面 touch index.html 4. 安装subl alias subl="'/Applications/Sublime Text.app/Contents 阅读全文
posted @ 2018-02-20 11:34 bradleydan 阅读(61) 评论(0) 推荐(0)