开发者社区> 问答> 正文

#React 如何在React类中使用类字段声明语法?

#React 如何在React类中使用类字段声明语法?

展开
收起
因为相信,所以看见。 2020-05-08 10:31:47 513 0
1 条回答
写回答
取消 提交回答
  • 阿里,我所有的向往

    使用类字段声明可以使React类组件更加简洁。您可以在不使用构造函数的情况下初始化局部状态,并通过使用箭头函数声明类方法而无需额外绑定它们。让我们举一个反例来演示状态的类字段声明,而无需使用构造函数和方法,而无需绑定,

    class Counter extends Component {
      state = { value: 0 };
    
      handleIncrement = () => {
        this.setState(prevState => ({
          value: prevState.value + 1
        }));
      };
    
      handleDecrement = () => {
        this.setState(prevState => ({
          value: prevState.value - 1
        }));
      };
    
      render() {
        return (
          <div>
            {this.state.value}
    
            <button onClick={this.handleIncrement}>+</button>
            <button onClick={this.handleDecrement}>-</button>
          </div>
        )
      }
    }
    
    2020-05-08 10:32:11
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
利用编译将 Vue 组件转成 React 组件 立即下载
React Native 全量化实践 立即下载
React在大型后台管理项目中的工程实践 立即下载

相关实验场景

更多