react react-dom react/jsx-dev-runtime 的开发版本分别做什么的

react-dom 开发版本 #

react-dom 开发版本包含额外的警告和检查，这些警告和检查在生产版本中被移除以减少包的大小和提高性能。开发版本帮助开发者识别常见问题，例如：

• 子组件key属性的缺失或重复
• 不正确的PropTypes定义
• 无效的DOM属性
• 以及其他潜在的问题或不良实践
• 开发版本提供了更详细的错误栈追踪和解释性的错误信息，有助于在开发阶段快速定位问题。

react 开发版本 #

react 包本身也有开发和生产版本。和react-dom一样，开发版本提供了额外的警告和错误信息，帮助开发者识别如下问题：

• 组件生命周期方法中的错误用法
• 使用弃用的API
• 不正确的refs用法
• 以及其他React特定的问题

react/jsx-dev-runtime #

是专门为了支持新的JSX转换而设计的，它在React 17及之后的版本中引入。这个包提供了开发环境下的JSX运行时，它包含了额外的警告和错误检查，这些是没有被包含在生产环境运行时react/jsx-runtime中的。例如，它会检查JSX类型是否有效，是否有key属性的缺失等。

在开发环境下，新的JSX转换会自动引入react/jsx-dev-runtime，以提供下列优点：

更好的错误提示：如果组件抛出错误，开发者会收到包含组件名和源代码位置的详细错误信息。 更好的堆栈追踪：错误堆栈信息会包含更多关于组件树的信息。 为了能够使用新的JSX转换，你需要确保你的项目配置正确，包括Babel或TypeScript配置，来自动引入对应的运行时库。