React
关注
分享
扫一扫
今天也要好好生活哦
这个作者很懒，什么都没留下…
展开
-
React自学笔记（十三）---react实现路由模块化以及嵌套路由父子传值
紧跟上面的项目，首先是根页面的配置：import React, { Component } from 'react';import { BrowserRouter as Router, // Switch, Route, Link} from "react-router-dom";import './assets/css/App.css';import routes f...原创 2019-12-14 10:34:31 · 357 阅读 · 0 评论 -
React自学笔记（十二）---react路由的嵌套
首先是根页面的编写：import React, { Component } from 'react';import { BrowserRouter as Router, // Switch, Route, Link} from "react-router-dom";import './assets/css/App.css';import Home from './com...原创 2019-12-13 15:10:02 · 112 阅读 · 0 评论 -
React自学笔记（十一）---react动态路由的设置和get传值以及url模块的使用
紧接着上面的路由设置，对于根页面进行设计：import React, { Component } from 'react';import { BrowserRouter as Router, // Switch, Route, Link} from "react-router-dom";import './assets/css/App.css';import Home...原创 2019-12-12 16:27:44 · 439 阅读 · 0 评论 -
React自学笔记（十）---react路由基本配置
首先是对于根页面的设置App.js：import React, { Component } from 'react';import { BrowserRouter as Router, //Switch, Route, Link} from "react-router-dom";import './assets/css/App.css';import Home from...原创 2019-12-12 12:07:07 · 112 阅读 · 0 评论 -
React自学笔记（九）---react生命周期函数
先在跟页面对于生命周期函数页面的引用import Lifecycle from ‘./components/Lifecycle’在根页面上返回<Lifecycle />下面是生命函数的编写，Lifecycle.js：import React, { Component } from 'react';class Lifecycle extends Component { ...原创 2019-12-12 14:10:44 · 132 阅读 · 0 评论 -
React自学笔记（八）---react获取服务器数据，对两大插件的应用（axios，fetch-jsonp）
首先要分别安装两个插件。命令是：npm install axios --save和npm install fetch-jsonp --save，如果引入了淘宝镜像，可以使用cnpm命令，速度更快。通过在首页上引入axios和fetch-jsonp来实现插件的使用：import Axios from ‘./Axios’import FetchJsonp from ‘./FetchJsonp...原创 2019-12-11 17:31:14 · 176 阅读 · 0 评论 -
React自学笔记（七）---react父子组件传值
主页面新闻页面：import React, { Component } from 'react';import '../assets/css/index.css'// import logo from '../assets/images/logo.svg';import Header from './Header';import Footer from './Footer'class...原创 2019-12-11 10:13:58 · 134 阅读 · 0 评论 -
React自学笔记（六）---react模块化以及封装storage实现todolist
接着上面的todolist.js文件做一些小修改：import React, { Component } from 'react';import '../assets/css/index.css'//引入自定义模块import storage from '../model/storage';class Todolist extends React.Component { co...原创 2019-12-11 10:03:23 · 273 阅读 · 0 评论 -
React自学笔记（五）---react相关的Todolist事项的增删和状态转换
Todolist.js：import React, { Component } from 'react';import '../assets/css/index.css'class Todolist extends React.Component { constructor(props) { super(props); this.state = { ...原创 2019-12-11 09:53:46 · 133 阅读 · 0 评论 -
React自学笔记（四）---react表单详解，受控组件和非受控组件以及表单内容
react表单详解，受控组件和非受控组件以及表单内容在App.js中import ReactForm from ‘./components/ReactForm.js’在render中引入组件<ReactForm />在指定目录下创建ReactForm.js在Home.js中定义state原始数据：this.state = ({ msg: ...原创 2019-12-10 15:10:32 · 192 阅读 · 0 评论 -
React自学笔记(三)---React键盘事件、表单事件、事件对象以及React中的ref获取dom节点 、React实现类似Vue的双向数据绑定
在根页面APP.js编写：import React, { Component } from 'react';// import logo from './assets/images/logo.svg';import './assets/css/App.css';//引入Home组件import Home from './components/Home.js'//引入News组件i...原创 2019-12-10 14:42:06 · 239 阅读 · 0 评论 -
React自学笔记（二）---react事件定义方法的三种方式
衔接上一章内容，在App.js中调用了home组件，在Home.js页面中编写：三种方法：（文中用的的get方法）第一种：//方法定义中的写法 getData(){ alert(this.state.msg) }//点击事件<button onClick={this.getData.bind(this)}>获取数据--获取第一种this指向的方法&...原创 2019-12-10 14:30:23 · 701 阅读 · 0 评论 -
React自学笔记(一)---React创建组件、绑定属性、引入图片
###React创建组件、绑定属性、引入图片原创 2019-12-10 14:11:28 · 156 阅读 · 0 评论