随笔分类 - React

React 解决this.getOptions is not a function 报错

摘要：因为less-loader的版本过高 "devDependencies": { "css-loader": "^4.3.0", "less": "^4.1.1", "less-loader": "^10.0.0", "style-loader": "^1.3.0" } 改为： "devDepende 阅读全文

posted @ 2021-06-24 17:43 搬砖的苦行僧阅读(747) 评论(0) 推荐(0) 编辑

React 绑定事件的几种写法bind(this)

摘要：1. 我们在 React class Component 绑定事件时，经常会通过 bind(this) 来绑定事件 class Home extends React.Component{ constructor( props ){ super( props ); } handleClick(even 阅读全文

posted @ 2021-06-03 11:21 搬砖的苦行僧阅读(633) 评论(0) 推荐(0) 编辑

解决React 的<img >src使用require的方式图片显示不出来，展示的是[object Module]的问题

摘要：代码： <div className="bigPic"> <img src={require('../../images/bg.png')} alt="" /> </div> 此时的图片显示不出来解决方法一、再导入的图片后加.default即可 <img src={require('../../ 阅读全文

posted @ 2021-05-20 14:57 搬砖的苦行僧阅读(3149) 评论(0) 推荐(0) 编辑

React 多个className的写法

摘要：方法一：ES6 模板字符串 `` className={`title ${index this.state.active ? 'active' : ''}`} 方法二：join("") className={["title", index this.state.active?"active":nul 阅读全文

posted @ 2021-05-18 14:01 搬砖的苦行僧阅读(3121) 评论(0) 推荐(0) 编辑

React中发送验证码，倒计时

摘要：render （） { return ( <label>验证码：</label> <div className="flexBetween"> <Input type="text" className="code-input" value={code} onChange={this.onChang 阅读全文

posted @ 2021-05-17 15:11 搬砖的苦行僧阅读(332) 评论(0) 推荐(0) 编辑