AI 助理
备案控制台
开发者社区 问答 正文

#React 我可以导入SVG文件作为react组件吗？

#React 我可以导入SVG文件作为react组件吗？

展开
收起
因为相信，所以看见。 2020-05-08 10:21:54 1307 分享 版权

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

1 条回答
写回答
取消 提交回答
  • 因为相信，所以看见。
    阿里，我所有的向往

    您可以直接将SVG作为组件导入，而不是将其作为文件加载。react-scripts@2.0.0更高版本提供此功能。

    import { ReactComponent as Logo } from './logo.svg'

const App = () => (
  <div>
    {/* Logo is an actual react component */}
    <Logo />
  </div>
)
    2020-05-08 10:22:18
    赞同 展开评论
问答分类：
前端开发
问答标签：
React Native文件 React Native文件组件 react.js组件 react.js文件 React Native svg
问答地址：
开发者社区 > 开发与运维 > 问答
相关问答
如何在React组件中使用JSX？
74
1
0
.babelrc文件中应如何配置以支持React和ES6？
107
1
0
在React项目中，如何使用Ant Design组件库进行UI组件和页面布局？
229
1
0
如何在React组件中使用Mobx状态管理库，并展示状态数据？
89
1
0
在React项目中，如何实现页面组件的懒加载？
79
1
0
React.lazy 提供了什么功能，如何启发我们进行组件的代码分割？
57
1
0
为什么react开发基本都需要redux，react为什么不自己实现一个组件间交互的功能？
66
1
0
在React中，如何订阅外部存储并在组件中同步这些变化？
78
1
0
React的Hook组件有什么用处呢？
543
1
0
React Native包括的本机组件有什么作用吗？
861
1
0