react笔记
文章平均质量分 58
KeroroLX
这个作者很懒,什么都没留下…
展开
-
react+antd动态设置table最大滚动高度
场景,无论页面中添加多少元素,始终让table的高度自适应,这样在table设置了最大高度的情况,页面不用再出现多条滚动条。原创 2023-03-01 17:24:16 · 1336 阅读 · 0 评论 -
material-ui的BottomNavigation的使用
准备:下载 npm i @material-ui/core @material-ui/icons这里在单独将BottomNavation再次封装组件使用(使用了react父子通信的知识):因为底部导航通常是作为公共出现的布局,所以这里放在app.jsx中import React, { Component } from 'react';import {Link,Route,Switc...原创 2019-04-15 15:10:56 · 1036 阅读 · 0 评论 -
react报Maximum update depth exceeded
这个问题出现在绑定事件并且事件中含有改变state的逻辑时,运行报的错:代码: toggleDrawer(flag){ this.setState({left: flag}); }... <div onClick={this.toggleDrawer(true)}>打开左边</div>上面是报错代码:原因是,{this.toggleDr...原创 2019-06-17 15:55:50 · 12288 阅读 · 0 评论 -
react路由基础及v3与v4的一些差异
路由带参数写法: <Router history={hashHistory}>//定义跳转方式# <Route path="/" component={main}> <Route path="/detail/:id" commmponent={detail}></Route> <Route push t...原创 2019-06-18 15:15:05 · 629 阅读 · 0 评论 -
vue react 禁止代码规范检查
在配置文件webpack.base.config找到 eslint 字段,将配置注释,重新运行原创 2019-07-09 10:18:14 · 1039 阅读 · 0 评论 -
react 与vue开发中常见的不同(持续整理中...)
引入图片和背景react:import logo from './logo.svg';...<img src={logo} className="App-logo" alt="logo" />vue:<img :src="logo" className="App-logo" alt="logo" /><div v-bind:style="{ 'back...原创 2019-08-21 15:38:19 · 404 阅读 · 0 评论 -
react渲染
react渲染html数据<div className="courseIntroduceMain" dangerouslySetInnerHTML = {{ __html:item.content}}></div>react手动绑定this的几种方式: 1 在constructor中绑定 constructor(props) { ...原创 2019-04-22 15:30:25 · 219 阅读 · 0 评论 -
this.props.history.push报错Uncaught TypeError: Cannot read property 'push' of undefined
情况:在app中引入了一个footerNav组件(路由也都引入了),然后在footerNav中点击按钮跳转,结果报错:Uncaught TypeError: Cannot read property 'push' of undefined解决:方式1 通过propTypes将父组件app对象传入子组件footerNavimport PropTypes from 'prop...原创 2019-04-22 14:28:14 · 5602 阅读 · 0 评论 -
手动搭建webpack + react 4 (webpack搭建,react路由配置)
效果:文件结构:webpack基本搭建1 npm init 命令webpack.json 里面的参数可选填,回车确定;2 安装依赖{ "name": "reactdemo", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "t...原创 2018-10-16 12:26:21 · 486 阅读 · 0 评论 -
react搭建运行打包常见错误
要素:webpack.config.js中,js入口 文件导出出口路径指定 首页的模板指定;运行:webpack打包文件;【运行报错】----------------------------------1 webpack.config.js配置加载器报错:configuration.module has an unknown property 'loader...原创 2018-10-16 12:31:03 · 19186 阅读 · 0 评论 -
react搭建项目(create-react-app)
一,初始化这里使用create-react-app直接初始化一个基本的react项目:步骤:1 npm install -g create-react-app 全局安装2 初始方式:(项目命名不要含有大写字母)2.1create-react-app react-cli-app[这种最常见遇见报 create-react-app不是命令的错,解决方案有:htt...原创 2019-04-02 18:00:47 · 1306 阅读 · 0 评论