获得徽章 6
- 今天我深入学习了react框架中的hooks(钩子)概念。hooks 是 react 16.8 引入的一项特性,它可以让我们在不编写 class 的情况下使用 state 和其他 react 特性。
其中最常用的三个 hooks 分别是usestate、useeffect和usecontext。usestate允许我们在函数组件中添加 state 状态的管理;useeffect则可以让我们在每次渲染或更新时执行副作用操作,例如 http 请求或 dom 操作等;而usecontext则可以方便地实现跨组件的状态共享。
此外,还有usereducer、usecallback、usememo等hooks也非常实用,它们可以让我们更好地管理react组件的状态和行为。
学习react hooks并不像是学习语言口语那么简单。它需要我们理解函数式编程的思想,强化javascript的基础知识,以及深入理解react生命周期。但是只要仔细学习,在实践中多加尝试,仍然可以掌握这些强大的功能,并进行更高效的react开发。
加油展开评论1 - 插值表达式
数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值:
<span>Message: {{ msg }}</span
在我们的模板中,我们一直都只绑定简单的属性键值。但实际上,对于所有的数据绑定,
Vue.js 都提供了完全的 JavaScript 表达式支持
{{ number + 1 }}
{{ ok ? 'YES' : 'NO' }}
{{ message.split('').reverse().join('') }}
<!-- 这是语句,不是表达式 -->
{{ var a = 1 }}
<!-- 流控制也不会生效,请使用三元表达式 -->
{{ if (ok) { return message } }}
不断学习!!展开评论1
![[流泪]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)