React 实现一个计数器

最新推荐文章于 2025-03-22 17:14:57 发布

＊且听风吟

最新推荐文章于 2025-03-22 17:14:57 发布

阅读量473

点赞数

分类专栏： # React 文章标签： react.js javascript 前端

本文链接：https://blog.youkuaiyun.com/HH18700418030/article/details/130382978

版权

本文档将指导你如何利用React.js创建一个简单的计数器组件。首先介绍如何新建React组件，接着演示如何导入并使用该组件，最终展示页面实际运行的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

新建组件 views/components/count.js：

import  {
    Component } from 'react'

export default class Count extends Component {
   

	state = {
   count:0}

	//加法
	increment = ()=>{
   
		const {
   value} = this.stepNum
    const {
    count} = this.state
		this.setState({
   count:count+value*1})
	}
	//减法
	decrement = ()=>{
   
		const {
   value} = this.stepNum
    const {
    count} = this.state
		this.setState({
   count