React 中默认是没有专门的计算属性,但是我们可以借助 class 自身的 get 语法,来模拟实现类似于计算属性的功能。
一、基础语法
1、设置计算属性
get 计算属性名() {
return 计算值
}
2、访问计算属性
this.计算属性名
示例代码:
export default class ClassComponent extends Component {
state = {
num1: 10,
num2: 20
}
// 设置计算属性
get sum() {
return this.state.num1 + this.state.num2
}
render() {
return (
// 访问计算属性
<h1>求和:{this.sum}</h1>
)
}
}