如何解决如何在JavaScript中的条件语句中检查对象属性?
我有一个本地json数据库,我试图为保存在前端react Web应用程序中的不同类型的链接加载不同的图标。
当我检查对象属性的条件时,我从ESLint收到一个错误,说Parsing error: Unexpected token
。我不能使用switch-case或if-else语句。
这是我的代码:
<ul className="work-links">
{work.links.map(link => (
<li>
<a
href={link.url}
target="_blank"
rel="noopener noreferrer"
>
{
switch (link.type) {
case 'website':
return <Globe />;
case 'github':
return <GitHub />;
case 'gitlab':
return <GitLab />;
case 'apk':
return <Android />;
case 'youtube':
return <YouTube />;
default:
break;
}
}
</a>
</li>
))}
</ul>
PS
以下是完整代码的链接:https://github.com/sepsol/sepsol.github.io/blob/react-code/src/components/Works.js
您可以克隆存储库并亲自查看问题。
解决方法
const maps = {
'website': <Globe />
'github': <GitHub />,'gitlab': <GitLab />,'apk': <Android />,'website': <YouTube />,}
<ul className="work-links">
{work.links.map(link => (
<li>
<a
href={link.url}
target="_blank"
rel="noopener noreferrer"
>
{maps[link.type]}
</a>
</li>
))}
</ul>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。