![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 91
奔奔和空空
爬坑中前行
展开
-
React 路由携带参数访问和组件之间的跳转 react-router-dom
React 路由react-router-domreact-router-dom 官方文档首先在项目里安装npm install react-router-dom --save# 或yarn add react-router-dom使用示例原创 2020-08-27 20:05:49 · 446 阅读 · 0 评论 -
React UI组件库Ant Design
React UI组件库 AntDesignAnt Design 官方文档首先在项目里安装npm install antd --save# 或yarn add antd使用示例原创 2020-08-27 19:40:13 · 139 阅读 · 0 评论 -
React 组件生命周期 、生命周期图谱
React 生命周期在React中,生命周期函数是指 组件在某一时刻会自动执行的函数组件的生命周期官方文档生命周期图谱生命周期函数都是对于组件的。挂载 - 更新 - 卸载使用示例axios安装yarn add axios或npm install axios --save// hello.jsimport React from 'react'import axios from 'axios'class Hello extends React.Component {原创 2020-08-27 17:35:40 · 269 阅读 · 0 评论 -
React---props 、state 、render函数
props 、state 、render函数组件首次创建的时候,render函数会被执行一次。state的数据发生变化时,render函数会被重新执// count.jsimport React, { Component } from 'react'import Child from './child'class Count extends Component { constructor (props) { super(props) this.handleChang原创 2020-08-27 15:50:39 · 175 阅读 · 0 评论 -
React父子组件通信,父组件向子组件传值,子组件改变父组件数据。
React父子组件通信,父组件向子组件传值,子组件改变父组件数据。1.父组件TodoList在getItems()函数中调用子组件通过属性的形式向子组件传值 content={value}向子组件传递方法 delFunc={this.handleDelItemClick} 和 index={index},改变list数组 。别忘记在constructor中修改this的指向了this.handleDelItemClick = this.handleDelItemClick.bind(this)原创 2020-08-27 11:50:44 · 1553 阅读 · 0 评论 -
首次接触 React 入门教程,获取值和赋值
React官方文档1.环境准备node npmnode --version 查看本地node# 输出v12.18.1 npm --version# 输出6.14.8未安装node的到nodejs官网自行安装稳定版本LST。2.按照 Create React App 安装指南创建一个新的项目npx create-react-app my-app #创建一个项目cd my-app # 进入到项目的文件夹npm start # 运行项目或yarn start # 运行项目3.什原创 2020-08-26 23:31:16 · 1214 阅读 · 0 评论