Javascript 用相应的徽章/徽标替换从gist API检索到的语言

在这里，我创建了一个连接到github API的react应用程序来检索信息

应用程序（在index.js中搜索用户）：

我有一个从公共GIST（FileTags.js）检索到的编程语言列表。如何在网页上直接显示语言的徽标或字体图标而不是文本？我曾尝试在FileTags.js文件中直接使用模板字符串和图标，但没有成功

我正在尝试转换以下测试，例如：

Javascript

HTML

CSS

---

改为使用图标，以便在加载结果时显示语言徽标而不是文本。

codesandbox链接不起作用：/index.js中再次检查，并在预览窗口中切换视图。标题、搜索框和按钮应该出现：）窗口预览中有一个当前模块视图和项目视图。如果我单击单个文件，我在大多数文件中遇到错误，其中一个错误是无法读取未定义的属性“length”。这没问题，因为它只是一个片段。index.js文件的功能按预期工作，这是主要关注点。如果您搜索像“getify”这样的github用户，该函数成功地检索了所有语言…但如前所述，它是重复的