React中的“计算属性”

React中的“计算属性”

相信许多学习过vue的小伙伴对计算属性都不陌生吧。计算属性能帮我们数据进行一些计算操作，计算属性是依赖于data里面的数据的，在vue中只要计算属性依赖的data值发生改变，则计算属性就会调用。
那React中也有计算属性吗？至少在官方文档中没有提出计算属性这个概念，但是我们想使用这个计算属性该如何是好。我们都知道vue计算属性其实是利用getter拦截data属性，根据ES6提供的get set方法，我们可以在React中实现一个计算属性。

import React, {
    Component } from 'react'
export class First extends Component {
   
  state = {
   
    name: '小怂',
    age: 18
  }
  get computed() {
   
    let {
    name, age } = this.state
    return (
      <h1>
        {
   name}+{
   age}
      </h1>
    )
  }