- 博客(7)
- 收藏
- 关注
RSS订阅原创 react.js从入门到精通（七）——数据交互
一、数据交互fetch方式进行数据交互 fetch("此处填url地址", { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify( //此处填heade...
2018-08-13 14:09:42
683
原创 react.js从入门到精通（六）——路由的使用
对路由的理解在pc端页面之间的切换，我们大多使用a链接、location等操作。 在react.js开发中，我们采用组件化操作，一个页面就是一个组件。所以页面和页面之间的跳转就相当于是组件和组件之间的跳转。 我们知道react.js是一种单页面项目开发，就是在一个主页面的基础上存放各种子页面。这就好像一根网线连接路由器，而路由器能分出很多根网线连接大量的电脑。所以我们将单页面项目的页面跳转...
2018-08-10 21:01:27
730
原创 react.js从入门到精通（五）——组件之间的数据传递
一、组件之间在静态中的数据传递从上面的代码我们可以看出，两个组件之间的数据是分离，但如果我们有某种需求，将数据从一个组件传到另一个组件中，该如何实现？场景设计：将Home.js中的HomeData传递到MyScreen.js中import React,{ Component } from 'react'import MyScreen from "./MyScreen";cl...
2018-08-10 21:01:17
610
原创 react.js从入门到精通（四）——组件的基本使用
一、组件使用的场景（1）一个.js文件中代码量过大，不好维护。（2）某些功能或样式在项目中大范围使用，组件起到了封装代码的作用。二、组件的基本用法（1）未使用组件时代码如下：constructor(props) { super(props); this.state = { data:"这是一段没有使用另一个组件引入的代码块...
2018-08-10 21:01:11
469
原创 react.js从入门到精通（三）——生命周期钩子函数的使用
生命周期的钩子函数1、组件的定义什么是组件？当一个页面所需要呈现出的内容过多，如果我们将所有的页面写在同一个.js文件中，会显得代码比较乱，给往后的代码维护造成困难。所以我们在编写代码的过程中，将某些部分提取出来，写在另一个组件中，然后在主页面中引入这个组件。 组件实际上是代码封装的一种，我们可以将经常使用到的一些功能及样式封装成一个组件，然后只需要调用这个组件便能调用这些功能和样式。这...
2018-08-10 21:01:02
920
原创 react.js从入门到精通（二）——变量的定义和初始化、事件的使用
变量的定义和初始化1、变量的定义和初始化（1）使用在构造函数中创建代码如下：import React,{ Component } from 'react'class Home extends Component { constructor(props) { super(props); this.state = { data:"js是世界上最好的语言...
2018-08-10 21:00:50
2399
原创 react.js从入门到精通（一）——安装环境和项目搭建
web端三大框架react、vue和angular，下面是对react.js的一些总结。一、环境搭建1、npm搭建项目推荐使用npm搭建项目环境，如果网速过慢，可是使用cnpm进行项目的搭建（cnpm是淘宝的npm镜像，与npm有些差异，有些模块无法下载或无法正常使用）。cnpm install -g create-react-appcreate-react-app ...
2018-08-10 21:00:37
3163
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人