
组件状态
噢,我明白了
HTML CSS JS 框架 react
展开
-
react-redux的基本使用
1.首先创建了一个redux文件夹,里面包括了三个文件。在index.js包裹provider。原创 2022-08-08 23:21:08 · 244 阅读 · 0 评论 -
React 路由 V5(完整版)
一.什么是路由?指路径url与不同的页面和内容进行相应匹配,可以友好的解决Component到url之间的同步映射关系二.路由的使用(1).下载react-router指令(指定v5版本):npm install react-router-dom@5(2).app内引入(3).路由组件封装为了方便对路由管理,可单独封装起来创建一个router文件夹–router.js在app文件中引入:三.路由重定向在根路径下,或者不存在的路径会自动匹配到Redirect指定的路径(模糊匹配)解原创 2022-06-30 22:34:56 · 5667 阅读 · 0 评论 -
react完整版Todolist,增删改查
应用代码如下import React from "react";class Todolist extends React.Component { constructor(props) { super(props) this.state = { list: [{ id: 11, context: 'aaa', ischecked: false,原创 2022-05-30 00:13:09 · 403 阅读 · 0 评论 -
getFieldDegetcorator使用Select组件
当使用form表单的getFieldDegetcorator属性获取Select值时,需要给Select下option的value属性进行赋值,form.validateFields取得的values的值是Select下option的value属性的赋值代码如下:import { Select } from 'antd//从antd中引入Select//用validateFilds取表单值form.validateFilds((err,values)=>{console.log(valu原创 2022-02-07 16:11:12 · 686 阅读 · 0 评论 -
初识redux
首先,附上学习文档,有兴趣的朋友可以认真看着文档学习,此篇内容只做redux精简介绍。一.学习文档1.英文文档: https://redux.js.org/2.中文文档: http://www.redux.org.cn/二.redux是什么1.redux是一个专门用于做状态管理的JS库(不是react插件库)。2.它可以用在react, angular, vue等项目中, 但基本与react配合使用。3.作用: 集中式管理react应用中多个组件共享的状态。三.什么情况下需要使用redux原创 2021-12-14 21:33:09 · 1201 阅读 · 0 评论 -
如何在react中禁止浏览器后退
本人公司项目,业务提出需求要求在登录完成后禁止鼠标后退快捷键操作页面回退至登陆页面。首先,想到了监听鼠标事件,鼠标监听事件包括以下几种:click:单击事件。dblclick:双击事件。mousedown:按下鼠标键时触发。mouseup:释放按下的鼠标键时触发。mousemove:鼠标移动事件。mouseover(mouseenter):移入事件。mouseout(mouseleave):移出事件。contextmenu:右键事件上述所有事件均无法监听到机械键盘鼠标侧边的后退快捷键原创 2021-12-14 20:36:37 · 3863 阅读 · 0 评论 -
React制作简单的Todolist
Todolist以下代码直接粘贴到React项目环境下即可使用import {render} from "react-dom";import React,{Component,createRef,forwardRef} from 'react'// CURD//DOTOLIST//受控class ToDoList extends Component { state = { title:'留言板', nikename:'雪雪', message:'所爱隔山海,山原创 2021-04-01 21:35:43 · 289 阅读 · 0 评论 -
组件状态
组件状态state|数据|私有状态|本地状态定义//es6+ //实例属性: state class App{state:{}}//es6:构造器 this.state class App extends React.Component{ constructor(){ this.state={} }}//ES5:createReactClass({ getInitialState:function(){ return { 状态名:值,x原创 2021-04-01 15:53:10 · 217 阅读 · 0 评论