目录

react 封装一个类函数使用方法

作者收录于 React

2025-01-21 约 137 字预计阅读 1 分钟

目录

1.编写ProductCount函数

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
class ProductCount {
  public static getProductCount(count: number): string {
    if (count < 10) {
      return `当前数量: 0${count}`;
    }
    return `当前数量: ${count}`;
  }
}

export default ProductCount;

2.在代码文件中导入 `ProductCount` 类。

1
import ProductCount from './ProductCount'; // 根据实际路径调整

3. 在 React 组件中使用**

在 React 项目中的组件中调用它并显示结果。

1
2
3
4
5
6
render(): React.ReactNode {
        const formattedCount = ProductCount.getProductCount(this.state.count);
        return <>
            <h1>{formattedCount}</h1>
        </>
    }