DEV Community
·
在 `.tsx` 文件中还需要导入 React 吗？
💡
原文英文，约500词，阅读约需2分钟。
📝
内容提要
在现代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是否仍然必要？
在现代React（17+）中，导入React已不再必要。
为什么在React 17之前需要导入React？
在React 17之前，导入React是必需的，因为JSX会被转译为React.createElement()调用。
如何处理“React被声明但未使用”的警告？
可以删除未使用的导入，或者抑制警告，但不推荐后者。
如何配置tsconfig.json以避免警告？
确保在tsconfig.json中将jsx配置为'react-jsx'。
现代React的变化对开发者有什么影响？
这些变化旨在简化开发体验，减少样板代码，便于新开发者上手。
清理未使用的导入有什么好处？
清理未使用的导入可以使代码更简洁，减少警告，提高代码质量。
➡️
