React
WDF.
这个作者很懒,什么都没留下…
展开
-
警告:There are multiple modules with names that only differ in casing...
There are multiple modules with names that only differ in casing. //有多个模块同名仅大小写不同This can lead to unexpected behavior when compiling on a filesystem with other case-semantic. // 在使用其他大小写语义的文件系统上编译时,这可能导致意外的行为。Use equal casing. Compare these module.原创 2020-07-21 16:00:47 · 2331 阅读 · 0 评论 -
在creact-react-app引入less,以及失效问题
使用 create-react-app 脚手架搭建react项目后1.执行命令下载less和less-loadernpm install less-loader less --save-dev2、执行暴露出webpack 相关的配置文件yarn eject3.修改 config/webpack.config.js ,一共修改了三处代码:const lessRegex = /\.less$/; const lessModuleRegex = /\.module\.less$/;代码:原创 2020-07-17 18:44:05 · 924 阅读 · 0 评论 -
React:props赋值给state出现的问题
import { render } from 'react-dom'import React from 'react'class Child extends React.Component { constructor(props) { super(props) this.state = { list: props.list } } handleCilck = () => { this.setState({ list: this转载 2020-07-15 17:57:01 · 3049 阅读 · 0 评论 -
React.Fragment
React 中一个常见模式是为一个组件返回多个元素。return的内容只能有一个根节点,需要一个包裹元素。Fragment的好处是聚合成一个子元素列表,且在DOM中不增加额外节点。可以直接简写成<></>。Fragments 看起来像空的 JSX 标签:render() { return ( <> <ChildA />...转载 2020-04-30 17:42:01 · 358 阅读 · 0 评论 -
无法找到模块“react-vcode”的声明文件。“e:/atscloud-show-uide_modules/react-vcode/dist/index.js”隐式拥有 "any" 类型。
昨天想写一个验证码的功能,当安装并引入’react-vcode‘之后,出现了下面的错误提示:无法找到模块“react-vcode”的声明文件。“e:/atscloud-show-uide_modules/react-vcode/dist/index.js”隐式拥有 "any" 类型。 Try npm install @types/react-vcodeif it exists or add a ...原创 2020-03-25 15:52:23 · 6314 阅读 · 1 评论 -
Ts-react应用技巧
Ts-react应用技巧TS 中使用 typeof 自动获取数据类型在写 React 项目时,有些时候,你的 state 可能会有默认值,比如:const initialState = { username: '', mobile: '', isVip: false, addresses: []}type IState = typeof initialStatecl...原创 2020-03-12 13:32:13 · 336 阅读 · 0 评论 -
关于setState的同步和异步
react中setState是同步的还是异步,那什么场景下是异步的,可不可能是同步,什么场景下又是同步的?1、setState 只在合成事件和钩子函数中是“异步”的,在原生事件和 setTimeout 中都是同步的。合成事件:react为了解决跨平台,兼容性问题,自己封装了一套事件机制,代理了原生的事件,像在jsx中常见的onClick、onChange这些都是合成事件。原生事件:原生事件是...原创 2020-02-11 21:42:18 · 1011 阅读 · 0 评论 -
关于state和prop不变化的组件渲染
(1)setState()函数在任何情况下都会导致组件重渲染吗?如果setState()中参数还是原来没有发生任何变化的state呢?没有导致state的值发生变化的setState是否会导致重渲染 ——【 会!】那么问题就来了,我的UI明明就没有任何变化啊,为什么要做着中多余的重渲染的工作呢?把这工作给去掉吧。于是这里react生命周期中的shouldComponentUpdate函数就派...转载 2020-02-11 19:24:35 · 444 阅读 · 0 评论 -
在组件中应用编辑器react-ace
因为之前做的项目中需要一个编辑器,尝试了几种办法后,最终用了react-ace首先 npm install react-aceimport AceEditor from 'react-ace';import "ace-builds/src-noconflict/mode-javascript"; //导入语言import "ace-builds/src-noconflict/theme-x...原创 2020-02-11 19:03:26 · 335 阅读 · 0 评论 -
React 中 dangerouslySetInnerHTML 使用
React 中 dangerouslySetInnerHTML 使用在react中,通过富文本编辑器进行操作后的内容,会保留原有的标签样式,并不能正确展示。例如:this.state.sourText = <div>这是一段文字</div> ... render() { return <div>{this.state.sourText}<...原创 2020-02-10 12:04:27 · 757 阅读 · 0 评论 -
Typescript error :Property mozRequestFullScreen' does not exist on type 'HTMLElement'
当我一开始在做全屏功能的时候,遇到了以下这个问题:Typescript error :Property mozRequestFullScreen' does not exist on type 'HTMLElement'.其他类似问题:property ‘xxx’ does not exist on type ‘yyy’解决:声明用let de : any;...转载 2020-02-03 23:15:50 · 1308 阅读 · 0 评论 -
react 实现页面全屏效果
HTML代码:<span onClick={this.handleFullScreen}> <Icon type="fullscreen" /></span>js代码:constructor(props){ super(props); this.state={ isFullScre...原创 2020-02-03 22:45:14 · 1585 阅读 · 0 评论