![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 68
啾比特
这个作者很懒,什么都没留下…
展开
-
React从入门到实战-react脚手架,消息订阅与发布
创建项目并启动 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存中…(iQ6hEUgAABpQAAAD1CAYAAABeIRZoAAAAAXNSR0IArs4c6QAAIABJREFUeF7smQm0XVWV7YYQmkcgpCekIQkJxgBBIdJJmTjQElM2gI-DtFQ0dkBRZoi/RCnRr1Ao5RcH9l9LUEEEob7Nr4rwhWFAJAKhS6QYuiQEQvqEkPAIXfLHPLgu6+2399nNOfe+e1/ZGcNheHe3c63drbnX2rud原创 2023-07-29 21:32:21 · 1353 阅读 · 1 评论 -
React从入门到实战-生命周期
初始化阶段:由ReactDOM.render()触发----初次渲染render()更新阶段:由组件内部this.setState()或父组件render触发render()卸载组件:由ReactDOM.unmountComponentAtNode()触发卸载组件函数:ReactDOM.unmountComponentAtNode()原创 2023-07-12 19:39:41 · 614 阅读 · 1 评论 -
React从入门到实战-事件处理,受控组件与非受控组件
常见的高阶函数有:Promise,setTimeout,arr.map()等等。通过函数调用继续返回函数的方式,实现多次接收参数最后统一处理的函数编码形式。通过event.target得到发生事件的DOM元素对象。通过onXxx属性指定事件处理函数(注意大小写)原创 2023-06-27 17:27:51 · 681 阅读 · 0 评论 -
React从入门到实战 -组件的三大核心属性(2)props
当组件内部的属性是动态生成的时候,就不能使用state,而是要使用Props。与html标签类似,我们把对应的键值对放在标签上,react会自动替我们进行收集,将收集到的属性放在props里,如下图所示。在React组件挂载之前,会调用它的构造函数,在为React.Component子类实现构造函数时,应在其他语句之前调用。这种直接把属性值一个个传递过去的方法,适用于属性比较少的时候,当属性比较多的时候,我们可以使用。总之,类式组件的构造器能省略则省略。(展开运算符)来简化代码。原创 2023-06-24 18:46:44 · 492 阅读 · 0 评论 -
React从入门到实战 -组件的三大核心属性(1)state
组件中render方法中的this为组件实例对象组件自定义的方法中this为undefined:强制绑定this,通过函数对象的bind()箭头函数状态数据,不能直接修改或者更新,通过this.setState()进行修改。原创 2023-06-18 13:16:19 · 1195 阅读 · 0 评论 -
React从入门到实战 - React初体验
根据JSX语法规则,如果标签首字母小写,则为html同名元素,由于html中不存在标签叫做demo的元素,所以报错。因为在定义组件的时候我们应该首字母大写。函数式组件是个组件,应该使用标签,而不是直接写demo。原创 2023-05-10 21:56:41 · 841 阅读 · 1 评论