harry_yaya的博客

效果图:index.jsimport React from 'react'import styles from './index.less'import { Input } from 'antd'import PropTypes from 'prop-types'import { remove } from 'lodash'const BACK_SPACE = 8const LEFT = 37const RIGHT = 39class Captcha extends React.C

解决 Error: Cannot find module ‘webpack-cli/bin/config-yargs’1.安装# step1npm i webpack-cli @webpack-cli/init2.修改package.json 中的scripts// step2"scripts": {"start": "webpack-cli serve --mode development"},npm run startdone.

实现效果组件代码：index.jsimport React from 'react'import styles from './index.less'import _ from 'lodash'import PropTypes from 'prop-types'/** * 自定义 带渐变时间轴组件 */class TimeLine extends React.Component { constructor(props) { super(props) } re

react-mde 使用markdown编辑器安装react-mde包，在运行的时候最开始安装了版本5.8.0 由于和本项目出现冲突，所以升级版本为6.0.0，由于6.0.0中暴露的接口比较少，比如6.0.0中没有暴露出minPreviewHeight 无法通过参数去调整markdown preview面板的min-hieght，只能通过样式修改去做，比较不方便。5.8.0及之前，markdownEditor中的输入值是存储在mdeState中的，mdeState中包括markdown（输入值）和s

通过create-react-app 是默认不支持less的，所以需要自己配置编译成功有className在项目中显示为undefined打开配置 npm run eject在项目文件根目录下可以看到config文件夹，打开其中的webpack.config.js配置// style files regexesconst cssRegex = /\.css\$/;const cssModuleRegex = /\.module\.css$/;const sassRegex = /\..

场景我的目的是通过Effect来模拟组件的componentDidMount,在渲染完成之后，通过setTimeout来处理操作，向keyIndex中push一个新的元素，并更新keyIndex，但是这个操作我确定只会执行一次。错误代码如下： const [keyIndex, setKeyIndex] = React.useState([]); React.useEffect(() => { setTimeout(() => { console.log('err lo

React Hooks什么是Hooks ：个人理解：有自己的state的函数式组件，无状态组件式函数，在加上state后，就成现在的Hooks什么是函数式组件：即HOC高阶组件，可向其中传递组件，经过函数的再次封装得到一个新的组件要求：React要求要将hooks写在函数最外层，不能写在if-else等语句中，确保hooks的执行顺序四个钩子函数useState状态钩子import React,{useState} from 'react'function App(){ //创造

PureComponentreact 中的PureComponent区别于 Component ，是为了进一步优化shouldComponentUpdate的。在组件中的优先级顺序是你写的shouldComponentUpdate>PureComponent中的shouldComponentUpdate>Component中默认的shouldComponentUpdate大家都...