React.js
文章平均质量分 82
林中明月间。
努力又平庸 ,自卑又内敛 。
展开
-
Js中所有事件列表,on+事件名,React 适用
https://reactjs.org/docs/events.html#clipboard-eventsClipboard Events:onCopy onCut onPasteKeyboard Events:onKeyDown onKeyPress onKeyUp onFocus onBlurForm Events:onChange onInput onInvalid onReset onSubmitMouse Events:onClick onContextMen.转载 2020-12-08 11:28:25 · 937 阅读 · 1 评论 -
React 组件化、类 复用
类实现 :React 主要实现方式/** * 如果一个函数或类作为一个组件去使用的话,那么名称必须首字母大写 * 如果使用类实现组件,那么需要继承一个父类:React.Component * 组件类必须实现一个render()的方法,是该组件的渲染 * props:传入的参数必须是用对象下的一个属性props来接收*/ <script src="js/react.development.js"></script&...原创 2020-12-07 22:19:09 · 231 阅读 · 0 评论 -
React 循环
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <tit.原创 2020-12-07 21:55:15 · 1730 阅读 · 0 评论 -
React之组件传值的几种方式\react-Props与State
https://blog.csdn.net/amyloverice/article/details/80728983https://www.jianshu.com/p/77467c15a0ce1、父子传值父传值:<子的标签 value={'aaa'} index={'bbb'}></子的标签>子接值:<li key={this.props.index}>{this.props.value}</li>不止可以传值也可以传递方法:父:.转载 2020-12-04 17:34:14 · 1631 阅读 · 0 评论 -
React 获取Input值
react监听input框里的值https://www.jianshu.com/p/d87bf644f9ff/** * @name Home * @desc 首页 */import React, { Component } from "react";import "./Index.css"; //引入页面cssclass Home extends Component { constructor(props) { super(props); //react定义数据转载 2020-11-30 12:03:59 · 1412 阅读 · 0 评论 -
React 概念基础
render函数里面的 HTML 字符串会根据this.state不同而不同(这里是用了 ES6 的模版字符串,做这种事情很方便)。 新增一个setState函数,这个函数接受一个对象作为参数;它会设置实例的state,然后重新调用一下render方法。 每当setState中构造完新的 DOM 元素以后,就会通过onStateChange告知外部插入新的 DOM 元素,然后删除旧的元素,页面就更新了。class RedBlueButton extends Component ...原创 2020-10-26 17:51:14 · 497 阅读 · 0 评论 -
React 路由模块化
https://www.cnblogs.com/yuyujuan/p/10146421.html 他写得非常好了.不过是图 我贴代码.方便复制 感谢这个大佬在vue中,可以将路由单独写在一个配置文件中,便于整理维护,而在前面总结整理的react中,都是直接将路由配置放在需要使用的地方,少数的时候话可以接受,但是当项目做大,这种方式就不再被推荐了,我们再react中,也可以向vue那样,将路由配置模块化,然后在需要使用的地方引入就可以了。router.js在router.js文件中配置路由。.转载 2020-09-28 17:20:10 · 416 阅读 · 0 评论 -
React 初识组件
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <script src="https://cdn.bootcss.com/react/16.4.0/umd/react.development.js"></script> <script src="https://cdn.bootcss..原创 2020-06-17 17:31:01 · 177 阅读 · 0 评论 -
React点击事件 ,并传参
constructor(props){ super(props); this.state = {}; this.checkMenu = this.checkMenu.bind(this);}clicked = (param)=>{ //点击传参 return (event)=>{ console.log(event.target.value); // 定义属性值 console.log(event.target.value).转载 2020-06-09 16:44:00 · 1150 阅读 · 0 评论 -
React 跳转页面 传递传递参数,并获取参数
1.跳转页面并传递参数this.props.history.push("/detail", {dotData: record});2.在detail页面回去参数const messages = this.props.location.state.dotDataclicked = (param) => { this.props.history.push("/Index", { dotData: this.name });.转载 2020-06-09 16:23:12 · 2967 阅读 · 0 评论 -
从零创建一个React项目
https://www.cnblogs.com/fozero/p/10346117.html像vue-cli一样,官方为我们提供了一个create-react-app脚手架,通过脚手架安装,无需再配置webpack相关东西。详情可以查看create-react-app文档react基本环境安装:(前提安装好了 node) 全局安装npm install -g create-reac...转载 2020-03-12 14:56:09 · 308 阅读 · 0 评论