React
码农吴彦祖e
这个作者很懒,什么都没留下…
展开
-
react生命周期
componentWillMount在渲染前调用,在客户端也在服务端。componentDidMount*在第一次渲染后调用,只在客户端。之后组件已经生成了对应的DOM结构,可以通过this.getDOMNode()来进行访问。 如果你想和其他JavaScript框架一起使用,可以在这个方法中调用setTimeout, setInterval或者发送AJAX请求等操作(防止异步操作阻塞UI)。componentWillReceiveProps在组件接收到一个新的 prop (更新后)时被调用。这个原创 2020-09-24 08:02:59 · 87 阅读 · 0 评论 -
React路由传参的三种方式
React路由传参的三种方式方式 一: 通过params 1.路由表中 <Route path=' /sort/:id ' component={Sort}></Route> 2.Link处 HTML方式 <Link to={ ' /sort/ ' + ' 2 ' } activeClassName='active'>XXXX</Li原创 2020-07-14 12:02:05 · 1057 阅读 · 0 评论 -
React学习路线
React学习路线一、关于ReactReact 是一个用于构建用户界面的 JAVASCRIPT 库,主要用于构建UI。React是Facebook开发的一套前端框架,仅仅是MVC中的V。核心思想是“封装组件”,组件封装后可以作为一个独立的实体被引入到新的组件中,这样新的组件就又是一个实体了,由于组件的实现了可复用,所以是大大减小了开发的工作量。二、React特点1. JSXJSX(Ja...原创 2020-01-30 14:42:22 · 981 阅读 · 0 评论 -
React路由
1、React路由介绍1.1、单页面应用单页面得特点:只需要加载一次主页面,通过局部刷新,就可以实现跳转或者切换页面优点:加载速度快,用户体验比较好缺点:第一次加载比传统要慢一点不利seo页面相对复杂返回键1.2、安装命令在项目命令行中,执行cnpm install react-router-dom -S下载到生产环境的依赖中。在组件中通过对象的解构方式去获取到rea...原创 2019-12-25 14:47:52 · 161 阅读 · 0 评论 -
小案例:React中TodoList案例(实现增删查改)
实现增删查改index.html代码:<div id="root"></div> //用于接收组件传来的内容index.js代码:import React from 'react'; //引入React模块import ReactDOM from 'react-dom'; //引入react-dom模块import TodoList from './To...原创 2019-12-24 18:51:40 · 1003 阅读 · 0 评论 -
关于React组件的理解
1、什么是组件一个应用/版块/页面中用于实现某个局部的功能(包括html, js, css等)把这些局部功能组装到一起,就形成了组件2、如何创建组件组件分为两种,一种是函数组件,另外一种是class类组件我们首先来看一下函数组件的创建,代码如下:import React from 'react'; //引入React模块function A() { //创建函数组件 re...原创 2019-12-20 17:24:27 · 278 阅读 · 0 评论