![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
great_t
做一个孤独的探索者
展开
-
面试-项目
1.OA管理系统菜单权限如何实现的?登录之后会得到用户的token信息,根据用户token信息获取所有该角色下的所有权限数据。循环遍历这个权限数据,通过递归的方式得到一个树形的菜单。然后页面渲染就好了项目里有对axios进行封装么?有,封装了一个http模块,通过axios.create()方法进行封装的,http模块里有错误处理,设置超时时间react-redux里有个connect函数,这个函数都用来做什么事了?connect方法做的事情是将state和dispatch绑定到Connect原创 2021-06-22 14:17:54 · 100 阅读 · 0 评论 -
2021-06-07
userlistimport React, { useEffect, useState } from 'react'import { connect } from 'react-redux'import { getUserListAction, delUserListAction, addUserListAction, getRoleListAction, editUserListAction, getRegionsAction } from '../../../redux/ActionCreator原创 2021-06-07 15:50:33 · 108 阅读 · 0 评论 -
react 路由
React路由什么是路由?路由是根据不同的 url 地址展示不同的内容或页面。 一个针对React而设计的路由解决方案、可以友好的帮你解决React components 到 URl之间的同步映射关系。如果要使用 路由模块,第一步,安装 react-router-dom第二步,导入 路由模块路由安装https://reacttraining.com/react-router/web/guides/quick-start使用React路由之前,我们需要先安装 react-router-dom原创 2021-05-25 20:02:41 · 193 阅读 · 0 评论 -
2021-05-22
import React, { Component } from 'react'import './css/goods.css'export default class App extends Component { state = { ischeckAll: false, Totalprice: 0, Totalnumber: 0, datalist: [{ name: "商品1", price: 10, number: 1,原创 2021-05-22 11:48:54 · 60 阅读 · 0 评论 -
todolist
import React, { Component } from 'react'export default class App extends Component { state = { datalist:["aaa","bbb","ccc","ddddd"] } mytext = React.createRef() render() { // console.log(this) return (原创 2021-05-19 12:24:09 · 67 阅读 · 0 评论 -
2021-05-19
单项数据绑定在 Vue 中,可以通过 v-model 指令来实现双向数据绑定。但是,在 React 中并没有指令的概念,而且 React 默认不支持 双向数据绑定。React 只支持,把数据从 state 上传输到 页面,但是,无法自动实现数据从 页面 传输到 state 中 进行保存。React中,只支持单项数据绑定,不支持双向数据绑定。不信的话,我们来看下面这个例子:import React from "react";export default class MyComponent exte原创 2021-05-19 00:11:30 · 103 阅读 · 0 评论 -
2021-05-19
前言我们先来看下面这段代码:components/MyComponent.jsximport React from "react";export default class MyComponent extends React.Component { constructor(props) { super(props); this.state = { msg: "这是 MyComponent 组件 默认的msg" }; } render() {原创 2021-05-19 00:10:59 · 57 阅读 · 0 评论 -
2021-05-19
defaultProps 和 prop-types使用 defaultProps 设置组件的默认值React 中,使用静态的 defaultProps 属性,来设置组件的默认属性值。格式举例: // 在 React 中,使用静态的 defaultProps 属性,来设置组件的默认属性值 static defaultProps = { initcount: 0 // 如果外界没有传递 initcount,那么,自己初始化一个数值(比如0) };使用prop-types进行pro原创 2021-05-19 00:10:08 · 49 阅读 · 0 评论 -
2021-05-19
虚拟DOM和diff算法在学习 React 之前,我们需要先了解两个概念:虚拟DOM、diff算法。虚拟DOM问题描述:假设我们的数据发生一点点的变化,也会被强制重建整颗DOM树,这么做,会涉及到很多元素的重绘和重排,导致性能浪费严重。解决上述问题的思路:实现按需更新页面上的元素即可。也就是说,把 需要修改的元素,所对应的 DOM 元素重新构建;其他没有变化的数据,所对应的 DOM 节点不需要被强制更新。具体实现方案:(如何按需更新页面上的元素)只需要拿到 页面更新前的 内存中的DOM树原创 2021-05-19 00:08:24 · 59 阅读 · 0 评论 -
react
jsx因为 JSX 语法上更接近 JavaScript 而不是 HTML,所以 React DOM 使用 camelCase(小驼峰命名)来定义属性的名称,而不使用 HTML 属性名称的命名约定。例如,JSX 里的 class 变成了 className,而 tabindex 则变为 tabIndex。React 元素是不可变对象。一旦被创建,你就无法更改它的子元素或者属性。一个元素就像电影的单帧:它代表了某个特定时刻的 UI。根据我们已有的知识,更新 UI 唯一的方式是创建一个全新的元素,并将原创 2021-05-18 23:52:41 · 64 阅读 · 0 评论