react
文章平均质量分 93
邱志刚
迷茫,是因为你的技术还配不上梦想!
展开
-
React get传值
此处用到的url模块,当然方法有很多,也可以用其他方法。1.列表页 <Link to={`/getdata?uid=${item.uid}`}>{item.name}</Link>完整案例import React, {Component} from 'react';import '../assets/css/Cty.less'import { Link } f...原创 2019-12-10 17:35:16 · 1561 阅读 · 0 评论 -
React 路由传值
1.列表页<Link to={`/plumis/${item.uid}`}>{item.name}</Link>import React, {Component} from 'react';import '../assets/css/Cty.less'import { Link } from "react-router-dom";class Cty exten...原创 2019-12-10 17:26:35 · 308 阅读 · 0 评论 -
React路由(模块化)
1.安装路由npm install react-router-dom --saveapp.js引入路由import { BrowserRouter as Router, Route, Link } from “react-router-dom”;其他页面也需要页面跳转时,也需要引入。import React,{Component} from 'react';import { Brow...原创 2019-12-10 17:16:01 · 432 阅读 · 1 评论 -
React生命周期函数介绍
组件加载的时候触发的函数:constructor, //01构造函数componentWillMount, //02组件将要挂载render //不属于生命周期函数,03数据渲染componentDidMount //04组件挂载完成组件更新时触发的函数:shouldComponentUpdate // 01是否更...原创 2019-12-09 11:59:03 · 154 阅读 · 0 评论 -
React 请求数据 axios、fetchJSONP
axios1.安装 axios模块npm install axios --save12.引用 哪里使用引哪里 import axios from 'axios'13.使用import React, {Component} from 'react'import axios from 'axios'class Axios extends Component { con...原创 2019-12-07 16:35:06 · 172 阅读 · 0 评论 -
React父子组件传值props && PropTypes &&defaultProps
父子组件:组件的相互调用中,我们把调用者称为父组件,被调用者称为子组件父子组件(react父子组件通信):父组件给子组件传值1.在调用子组件的时候定义一个属性,2.子组件里面 this.props.msg父组件不仅能和子组件传值,还可以给子组件传方法,以及把整个父组件传给子组件。父组件主动获取子组件的数据1. 调用子组件时指定ref的值,2.通过this.refs,header 获...原创 2019-12-05 17:39:42 · 200 阅读 · 0 评论 -
React训练小demo
掉demo,点击取反重新赋值,import React, {Component} from 'react'import '../Todemo/Tododemo.less'class Tododemo extends Component { constructor(props) { super(props); this.state = { ...原创 2019-12-05 15:00:17 · 542 阅读 · 0 评论 -
React的form表单提交
包括了表单里input radio select checkbox textarea form 等一些操作, import React,{Component} from 'react'; class Reactform extends Component { constructor(props) { super(props); this.s...原创 2019-12-04 17:49:46 · 7898 阅读 · 0 评论 -
React获取input框输入值得俩种方法&&键盘事件&&双向数据绑定
获取表单的值11. 监听表单的改变事件 onChange2. 在改变的事件里面获取表单输入的值 event.target.value3. 把表单输入的值赋值给username this.setState({})4. 点击按钮的时候获取state里面的usename */ this.state.name this.state={ ...原创 2019-11-30 16:25:50 · 1353 阅读 · 0 评论 -
React绑定事件,处理函数this的几种方法
本文分三种方法,第一种方法: getData =() => { alert(this.state.name) } <button onClick = {this.getData}>获取数据方法1</button>第二种方法getDataone(){ alert(this.state.name) } ...原创 2019-11-29 16:20:35 · 467 阅读 · 0 评论 -
React循环的俩种方式
此处用的map循环循环1import React from 'react';class Cty extends React.Component{ constructor(props){ super(props) this.state ={ list:[ { name:'志钦'}, ...原创 2019-11-28 17:26:27 · 1533 阅读 · 0 评论 -
create-react-app创建项目后运行npm run eject命令报错解决办法
需要运行npm run eject命令把项目的配置文件暴露出来,但是还是一如既然碰到报错,因为是在本地新创建的文件,没有添加git记录把这个错误做个笔记,不要老是去查资料大家可以在根目录下运行命令create-react-app testcd testgit initgit add .git commit -m ‘Saving before ejecting’npm run ej...原创 2019-11-27 18:12:49 · 242 阅读 · 0 评论 -
React配置less
基于create-react-app 创建的项目。暴露webpacknpm run eject 安装lessnpm install less-loader less3.配置less把你的webpack.config.js全部替换我此处的文件内容'use strict';const fs = require('fs');const isWsl = require(...原创 2019-11-27 18:07:44 · 447 阅读 · 0 评论 -
如何搭建react项目
搭建react环境:create-react-app 是来自于 Facebook,通过该命令我们无需配置就能快速构建 React 开发环境。 npm install -g create-react-app // create-react-app 自动创建的项目是基于 Webpack + ES6 。create-react-app my-app //my-app 项目名...原创 2019-11-27 11:24:05 · 272 阅读 · 0 评论