乾坤大挪移！React 也能 “用上” computed 属性
前言，关于计算属性 初次见到计算属性一词，是在 Vue 官方文档《计算属性和侦听器》一节中，文章中是这样描述计算属性的： 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。 回想我们编写的 React 代码，是否也在 JSX（render 函数）中放入了太多的逻辑导致render函数过于庞大，难以维护？ React 中的计算属性 说到 React 之前，我们先看下 Vue，在 Vue 中，计算属性主要有以下两点特性： 计算属性以声明的方式创建依赖关系，依赖的 data 或 props 变更会触发重新计算并自动更新。 计算属性是基于它们的响应式依赖进行缓存的。 而在 React 中，计算属性也是经常可见，相信各位熟悉 React 的读者都写过类似下面的代码： import React, { Fragment, Component } from 'react'; class Example extends Component { state = { firstName: '', lastName: '', }; r...
