类中自定义方法的this指向
bind方法不仅仅修改了this指向，同时将修改完this指向的函数进行了返回，即返回的是一个函数
- 注意：类中的方法是放在原型对象上的
类中赋值形式的属性是写到实例对象上的，而方法则是直接写到原型对象中的
- 下面两种写法，state和demo都是直接写到实例对象中的。
解决组件类中自定义方法的this指向的两种方法
- 使用bind进行重新绑定this
- 使用箭头函数
React-10：React类中自定义方法的this指向
2021-11-13
80
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
React-10：React类中自定义方法的this指向
目录
相关文章
|
6天前
|
前端开发
|
6天前
|
存储
前端开发
JavaScript
|
4天前
|
缓存
前端开发
JavaScript
|
5天前
|
存储
前端开发
JavaScript
|
6天前
|
前端开发
【专栏】在 create-react-app 中集成 less/sass 预处理器和 react-css-modules 的方法
【4月更文挑战第29天】本文介绍了在 create-react-app 中集成 less/sass 预处理器和 react-css-modules 的方法。首先，通过 `npm` 安装 less 或 sass 依赖，然后修改 `config-overrides.js` 配置文件以支持 less/sass 编译。接着，详细阐述如何使用 less/sass 编写样式。再者，安装 react-css-modules 并配置 webpack，使能样式模块化。最后，展示了如何结合使用 less/sass 和 react-css-modules，以提升前端开发的效率和代码质量。
17
0
0
|
6天前
|
前端开发
JavaScript
定位技术
Docusaurus框架——react+antd+echarts自定义mdx生成图表代码解释文档
Docusaurus框架——react+antd+echarts自定义mdx生成图表代码解释文档
29
0
0
|
6天前
|
前端开发
JavaScript
CDN
前端react 18.2整合ckeditor富文本编辑器——配置插件、自定义toolbar工具栏（一）
前端react 18.2整合ckeditor富文本编辑器——配置插件、自定义toolbar工具栏
37
0
0
|
6天前
|
前端开发
JavaScript
开发者
React的函数组件与类组件：探索两者之间的区别
【4月更文挑战第25天】React提供函数组件和类组件，两者在语法、状态管理、生命周期和性能优化上有所不同。函数组件简单且易于理解，使用 Hooks 可添加状态管理；类组件支持复杂状态管理和生命周期方法，适用于需要精细控制更新的场景。随着 Hooks 的发展，函数组件功能增强，成为更多开发者的首选。选择组件类型应根据实际需求权衡。
22
4
4
|
6天前
|
存储
人工智能
开发框架
【AI大模型应用开发】【AutoGPT系列】0. AutoGPT概念及原理介绍 - Agent开发框架及ReAct方法
【AI大模型应用开发】【AutoGPT系列】0. AutoGPT概念及原理介绍 - Agent开发框架及ReAct方法
31
0
0
|
6天前
|
前端开发
JavaScript
React生命周期方法在实际开发中的应用场景有哪些？
【4月更文挑战第6天】 React 生命周期方法应用于数据获取、订阅管理、渲染逻辑处理、用户交互响应、性能优化、资源清理、强制更新、错误处理、动画实现、代码分割、服务端渲染、路由处理、依赖注入和集成第三方库。它们帮助控制组件行为和性能，但现代开发推荐使用Hooks替代部分生命周期方法。
18
0
0
热门文章
最新文章
1
怎么学习React 18 进行项目开发？
2
React这些新特性在开发效率上有哪些改进
3
react-grapesjs——开源代码学习与修改（初出茅庐）（一）
4
【专栏】对比分析两种流行的跨平台开发框架——Flutter和React Native，探讨它们的优势、劣势以及适用场景
5
relectron框架——打包前端vue3、react为pc端exe可执行程序
6
前端react 18.2整合ckeditor富文本编辑器——配置插件、自定义toolbar工具栏（一）
7
Docusaurus框架——react+antd+echarts自定义mdx生成图表代码解释文档
8
vue3、react组件数据传值对比分析——父组件传递子组件，子组件传递父组件（二）
9
React的Context API：全局状态管理的利器
10
blog-engine-07-gatsby 建极速网站和应用程序 基于React的最佳框架，具备性能、可扩展性和安全性。
1
探索前端开发中的跨平台框架React Native
38
2
IM跨平台技术学习(十)：快速对比跨平台框架Electron、Flutter、Tauri、React Native等
201
3
React Native 运行报错 Command failed_ gradlew.bat app_installDebug -PreactNativeDevServerPort=8081
67
4
使用React Native构建跨平台桌面应用程序
11678
5
#yyds干货盘点# 歌谣学前端之React中渲染列表
61
6
react实战笔记144:添加getStudentById
50
7
react实战笔记143:修改代码
72
8
react实战笔记147:useQuery的返回值2
86
9
react实战笔记146:useQuery的返回值1
71
10
react实战笔记145:缓存演示
61