JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – 如何清理模块中的import语句大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

我正在慢慢学习如何将组件分解成组件,但我的OCD对某一特定组件感到生气.我有一个包含许多不同卡片/面板的标签视图.标准仪表板.然而,当我添加新卡(和redux动作)时,我的import语句正在快速增长.@H_944_2@

@H_944_2@

import { fetchUser,matchUser,stopMatchUser } from '../../actions/userAction'
import { fetchMatches } from '../../actions/matchAction'
import MatchingCard from '../../components/MatchingCard'
import MapCard from '../../components/MapCard'
import ImageCard from '../../components/ImageCard'
import DocumentCard from '../../components/DocumentCard'

什么是整理它的标准模式?把所有这些类放在一个文件中?我打算创建一个导入文件,但我仍然处于添加许多导入的相同场景中?@H_944_2@

任何意见,将不胜感激.@H_944_2@

最佳答案
您可以在某些连接组件中进行大量导入,但这并不是那么糟糕.@H_944_2@

将组件加入到一个文件中通常是错误的决定,将它们分开会好得多.@H_944_2@

根据我的经验,有一个真正的解决方案 – 将内容分解为更小的组件.那么平均而言,每个文件的依赖关系会更少.@H_944_2@

您还可以虑其他抽象,例如HOC(https://facebook.github.io/react/docs/higher-order-components.html),它可以减少结果中组件的重复和多样性.

大佬总结

以上是大佬教程为你收集整理的javascript – 如何清理模块中的import语句全部内容,希望文章能够帮你解决javascript – 如何清理模块中的import语句所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。