![](https://img-blog.csdnimg.cn/20190927151124774.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
React 学习笔记
文章平均质量分 90
React 学习笔记
程序员永咏
活在当下!
展开
-
React ajax
设计状态时要考虑全面,例如带有网络请求的组件,要考虑请求失败怎么办。连续解构赋值+重命名//传统解构赋值//连续解构赋值//连续解构赋值+重命名消息订阅与发布机制1)先订阅,再发布(理解:有一种隔空对话的感觉)2)适用于任意组件间通信3)要在组件的中取消订阅fetch 发送请求(关注分离的设计思想try {q=${try {console . log('请求出错' , error);`)console.log('请求出错',error);原创 2023-11-22 21:56:16 · 49 阅读 · 0 评论 -
React 应用(基于 React 脚手架)
拆分组件、实现静态组件,注意:className、style 的写法动态初始化列表,如何确定将数据放在哪个组件的 state 中?原则一:某个组件使用:放在其自身的 state 中原则二:某些组件使用:放在他们共同的父组件 state 中(官方称此操作为:状态提升)关于父子之间通信:1)【父组件】给【子组件】传递数据:通过props传递这是 App 组件中的一段代码,这里父组件 App 将 todos 、updateTodo 函数和 deleteTodo 函数,传递给子组件 List。原创 2023-11-22 21:50:28 · 177 阅读 · 0 评论 -
React 面向组件编程
执行了之后React 内部会创建组件实例对象调用 render() 得到虚拟 DOM,并解析为真实 DOM插入到指定的页面元素内部state 是组件对象最重要的属性,值是对象(可以包含多个 key-value 的组合)组件被称为”状态机“,通过更新组件的 state 来更新对应的页面显示(重新渲染组件)组件中 render 方法中的 this 为组件实例对象组件自定义的方法中 this原创 2023-10-23 20:29:41 · 129 阅读 · 0 评论 -
React入门实践系列:从零开始构建高效、灵活的用户界面的JavaScript应用
React 是一个由 Facebook 开发的用于构建用户界面的 JavaScript 库用于动态构建用户界面(只关注于视图)采用了组件化开发的思想,通过构建可重用、封装良好的组件来构建复杂的用户界面简洁、灵活和高效全称: JavaScript XMLreact 定义的一种类似于 XML 的 JS 扩展语法:JS + XML 本质是 React.createElement(component, props, …children) 方法的语法糖作用:用来简化创建虚拟 DOM原创 2023-08-25 11:14:10 · 123 阅读 · 0 评论