8、TypeScript 开发的实用技巧与最佳实践

TypeScript 开发的实用技巧与最佳实践

1. React 的 useCallback 钩子及相关要点

在 React 开发中， useCallback 钩子是一种避免在每次渲染时创建新函数的技术。以下是相关的注意事项：
- 参数只读声明 ：如果函数不修改其参数，应将它们声明为 readonly 。这样可以使函数的契约更清晰，并防止在实现过程中意外修改参数。
- 防止突变错误 ：使用 readonly 可以避免因突变引起的错误，并帮助你找到代码中发生突变的位置。
- 区分 const 和 readonly ：要理解 const 和 readonly 之间的区别。
- 浅只读特性 ： readonly 是浅层次的。

2. 使用映射类型保持值同步

假设你正在编写一个用于绘制散点图的 UI 组件，它有几种不同类型的属性来控制其显示和行为：

interface ScatterProps {
  // 数据
  xs: number[];
  ys: number[];
  // 显示
  xRange: [number, number];
  yRange: [number,