React.js
文章平均质量分 96
爱吃芋圆的兔子
这个作者很懒,什么都没留下…
展开
-
【React】深入理解React组件状态State
定义一个合适的State,是正确创建组件的第一步。State必须能代表一个组件UI呈现的完整状态集,即组件的任何UI改变,都可以从State的变化中反映出来;同时,State还必须是代表一个组件UI呈现的最小状态集,即State中的所有状态都是用于反映组件UI的变化,没有任何多余的状态,也不需要通过其他状态计算而来的中间状态。原创 2023-10-23 21:30:07 · 1088 阅读 · 0 评论 -
【React】React绑定事件
在React中,事件是组件与用户或其他组件通信的重要方式,例如:点击按钮、输入文本、拖动元素等。事件绑定是指将事件处理函数与组件的某个属性或元素关联起来,以便在事件发生时执行相应的逻辑。React事件绑定有很多种方式,每种方式都有其优缺点,本文将介绍四种常用的事件绑定方法,并比较它们的区别和使用场景使用属性初始化器来正确的绑定回调函数(推荐),在组件内使用箭头函数定义一个方法简单易懂,不需要使用bind方法,可以避免每次渲染时创建新的函数实例。类成员函数语法需要在构造函数中进行支持。原创 2023-09-25 10:44:30 · 646 阅读 · 0 评论 -
【React】JSX语法
此博文将讲解一个有趣的标签语法,它既不是字符串也不是HTML,它被称为JSX,是一个JavaScript的语法扩展,建议在React中配合使用JSXJSX可以很好地描述UI应该呈现出它应有交互地本质形式。JSX可能会使用人联想到模板语言,但它具有JavaScript的全部功能对于JSX来说,虽然是一种JavaScript语法扩展,但是你能发现其无法直接使用在HTML中,需要借助Babel的转换,转换后会自动帮我们解析成想要的样式JSX将HTML。原创 2023-09-25 10:12:01 · 635 阅读 · 0 评论 -
【React】React入门
以上就是我们对React的初步认识,包括React的概念、基础知识、如何创建React项目、编写React应用程序,以及一些基本的操作。接下来,还会不断地更新有关React的学习内容。原创 2023-09-16 15:52:49 · 491 阅读 · 0 评论