React
人生如初见_张默
这个作者很懒,什么都没留下…
展开
-
react--需要插件
npm install -save axios(请求数据)npm install antd --save(Ant Design 是React UI的组件库)npm install --save redux谷歌浏览器 应用商店搜索redux dev tools安装测试工具:import { createStore } from 'redux';import reducer f...原创 2020-01-20 09:58:37 · 176 阅读 · 0 评论 -
redux
流程:React Component(借书者) ->ActionCreaturs(图书管理员)->Store(图书馆大厅)->Reducers(图书管理软件找到图书在图书馆的位置)>Store->React ComponentsList:import React, { Component } from 'react';import 'antd/dist...原创 2020-01-16 17:32:21 · 157 阅读 · 0 评论 -
vscode--安装了simple react snippets代码不提示
首先安装simple react snippets插件如果没有提示:在user里打到TypeScript点击 ,然后勾选。原创 2020-01-16 15:22:11 · 1461 阅读 · 0 评论 -
react--使用CSS实现react动画
react动画:import React, { Component } from 'react';class Boss extends Component { constructor(props) { super(props); this.state = { isShow:true } th...原创 2020-01-14 16:46:02 · 264 阅读 · 0 评论 -
react--axios
axios请求远程数据:npm install -g axios 全局安装npm install -save axios 项目安装npm install -save-dev axios 生产环境import axios from 'axios';class Test extends Component { componentDidMount() { ...原创 2020-01-14 14:13:34 · 288 阅读 · 0 评论 -
react--生命周期
组件挂载:componentWillMount(组件将要挂载到页面)->render(组件挂载中)->componentDidMount(组件挂载完成后)组件更新:1、shouldComponentUpdate(render之前执行,参数为ture时执行render,为false时不执行render)componentWillUpdate(shouldComponent...原创 2020-01-13 18:34:53 · 156 阅读 · 0 评论 -
react--ref属性使用
import React, { Component, Fragment } from 'react';import List from './List.js';class Test extends Component { constructor(props) { super(props); this.state={ input...原创 2020-01-13 17:26:22 · 158 阅读 · 0 评论 -
react--PropTypes校验传递的值
校验传递的值:import React, { Component, Fragment } from 'react';import List from './List.js';class Test extends Component { constructor(props) { super(props); this.state={ ...原创 2020-01-13 16:31:42 · 168 阅读 · 0 评论 -
react--调试工具
谷歌浏览器:点击-》更多工具-》扩展程序-》网上应用店,搜索react,找到react developer tools 下载安装。在谷歌浏览器运行react开发的项目。图标变色表示底层代码是react用开发的。然后点击components或者react。最后可以看到的信息...原创 2020-01-13 16:04:17 · 613 阅读 · 0 评论 -
react
什么是单向数据流?数据主要从父节点传递给子节点(通过props),如果父级的某个props改变了,React会重新渲染所有子节点。Props: 不可以使用this.props直接修改props,因为props是只读的,props是用于整个组件树中传递数据和配置。在当前组件访问props,使用this.props。State: 每个组件都有属于自己的state,state...原创 2020-01-13 15:23:05 · 165 阅读 · 0 评论 -
react
react组件:Fragmentrender() { return ( <Fragment>//代替最外层包装 <div></div> <ul> <li></li> </ul> ...原创 2020-01-13 15:15:38 · 84 阅读 · 0 评论 -
react--组件
组件间传值:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>test</title></head><body><div id="app"></div>&l...原创 2020-01-02 17:39:42 · 145 阅读 · 1 评论 -
react--安装
语法特点:声明式编码:只在意结果不在意过程组件化编码:html,css,js的集合单向数据流:vue也是单向数据流,有一个双向绑定功能。支持服务器端编写高效:先生成一个虚拟DOM,然后在DOM中操作,再一次性返回到真实界面首先安装好node.js和npm安装 Webpack:npm install -g webpack安装对应的 loader: npm instal...原创 2019-12-26 10:59:41 · 133 阅读 · 0 评论