DEV Community
·
在 `.tsx` 文件中还需要导入 React 吗？
内容提要
在现代React（17+）中，导入React已不再必要，因为新的JSX转换允许直接编译JSX。如果出现“React被声明但未使用”的警告，可以删除未使用的导入。
关键要点
-
在现代React（17+）中，导入React已不再必要。
-
旧版本的React（17之前）中，导入React是必需的，因为JSX会被转译为React.createElement()调用。
-
React 17+引入了新的JSX转换，允许直接编译JSX而无需React在作用域内。
-
如果看到“React被声明但未使用”的警告，可以删除未使用的导入。
-
可以选择删除未使用的导入或抑制警告，但不推荐后者。
-
确保在tsconfig.json中配置jsx为'react-jsx'以避免警告。
-
现代React的变化旨在简化开发体验，减少样板代码，便于新开发者上手。
-
结论是，现代React不需要在每个组件中导入React，清理未使用的导入可以使代码更简洁。
延伸解读
现代React的简化
React 17及以上版本通过新的JSX转换，简化了开发流程，减少了样板代码。这一变化不仅提高了代码的可读性，也降低了新开发者的学习曲线，使他们更容易上手。
处理未使用的导入
当你看到“React被声明但未使用”的警告时，建议直接删除未使用的导入。这不仅能消除警告，还能保持代码的整洁性，避免不必要的混乱。
配置tsconfig.json的重要性
确保在tsconfig.json中将jsx配置为'react-jsx'，这是避免警告的关键步骤。正确的配置可以确保你的项目顺利编译，并充分利用现代React的特性。
延伸问答
在现代React中，导入React是否仍然必要？
在现代React（17+）中，导入React已不再必要。
为什么在React 17之前需要导入React？
在React 17之前，导入React是必需的，因为JSX会被转译为React.createElement()调用。
如何处理“React被声明但未使用”的警告？
可以删除未使用的导入，或者抑制警告，但不推荐后者。
如何配置tsconfig.json以避免警告？
确保在tsconfig.json中将jsx配置为'react-jsx'。
现代React的变化对开发者有什么影响？
这些变化旨在简化开发体验，减少样板代码，便于新开发者上手。
清理未使用的导入有什么好处？
清理未使用的导入可以使代码更简洁，减少警告，提高代码质量。
