打字稿 这些 props 还立即凸显了原生 JavaScript 和 React 组合的一个潜在弱点:组件的开发人员无法指定 props 的类型。开发应用程序的人越多,问题就变得越明显,因为各个开发人员之间没有直接的交流,而且往往有太多的组件需要跟踪。使用prop-types库可以轻松解决这个问题。 更好、更全面的解决方案是使用类型系统,这里最常见的变体是TypeScript。Create React App现在支持使用 TypeScript 初始化 React 应用程序,以便您可以从一开始就使用 TypeScript,并且所有开发和构建工具都已正确配置。
下面是一个使用 TypeScript 功能(例如属性类型)的简 华侨资料 单组件的示例。 作品 自 16 版本发布以来,React 经历了快速发展。开发团队推出Fiber Reconciler后,在一系列小版本中引入了众多新功能,对应用程序的开发产生了决定性影响。 也许最重要的功能是Hook API的引入。有了它,React 开发团队使功能组件与类组件处于同等地位。使用函数式组件有几个优点:不需要 this 关键字,并且可以划分状态和生命周期方法。

在类组件中,您可以使用 this 访问类的当前实例。但是,在回调函数中,例如在事件处理程序中使用的回调函数,this 不再引用该对象。 这种情况是错误的常见来源,并且可以预防,例如,如果您在对象上下文中绑定方法或使用带有箭头函数的属性作为值而不是常规方法。类组件的另一个缺点是无法分离类组件的状态和生命周期方法。通过功能组件和钩子 API 的组合,一个组件内可以拥有多个状态对象。