![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
路边的小西瓜
这个作者很懒,什么都没留下…
展开
-
关于react hooks里的State和setState
关于react hooks里的State和setState setState是异步的,在一个函数体里State状态是未改变的,是在函数执行之后集合更改状态的原创 2020-12-08 20:07:28 · 1007 阅读 · 0 评论 -
HTML引入JS(react)文件报错require is not defined
Uncaught ReferenceError: require is not defined 问题原因: 在JS文件重复引入react造成的错误 解决办法: 删除react中的import引入即可原创 2020-11-17 20:32:14 · 7780 阅读 · 0 评论 -
react插槽
react插槽 组件中写入内容,这些内容可以被识别和控制。React 需要自己开发支持插槽功能。 原理: 组件中写入的HTML,可以传入到props中。 组件中的HTML内容直接全部插入 class ParentCom extends React.Component{//不写构造函数也默认有props render(){ console.log(this.props) return( <div> <h1>组件插槽</h1> {this.pr原创 2020-11-17 11:08:00 · 319 阅读 · 0 评论 -
表单输入
必须绑定value和onChange事件 <input type="text" placeholder="输入框的提示信息" onKeyDown={KeyDownEvent} value={this.state.value} onChange={this.changeEvent}/> placeholder:预留的输入框的提示信息,可以更改颜色 onKeyDown:回车事件 onChange:绑定value值,修改数据,必须要写,一一对应修改value值 changeEvent=(e)原创 2020-11-16 11:11:25 · 100 阅读 · 0 评论 -
React生命周期
生命周期即是组件从实例化到渲染到最终从页面中销毁,整个过程就是生命周期,在这生命周期中,我们有许多可以调用的事件,也俗称为钩子函数 生命周期的3个状态: Mounting:将组件插入到DOM中 Updating:将数据更新到DOM中 Unmounting:将组件移除DOM中 生命周期中的钩子函数(方法,事件) componentWillMount:组件将要渲染,AIAX, 添加动画前的类 componentDidMount:组件渲染完毕,添加动画 componentWillReceiveProps;组件将要原创 2020-11-15 17:22:20 · 51 阅读 · 0 评论