【问题标题】:create react app and SVG from node modules folder从节点模块文件夹创建反应应用程序和 SVG
【发布时间】:2019-03-06 15:03:27
【问题描述】:

所以,我正在使用 create-react-app 和 cardsJS 创建一个简单的纸牌游戏

问题是,我不知道如何包含 node_modules 文件夹中的样式和 svg 文件,什么是反应方式,这种情况下的最佳实践是什么?

我希望能够动态地从该文件夹中获取特定卡片,记住卡片文件夹包含 52 个代表卡片的 svg 文件。

【问题讨论】:

  • @froston 感谢您的回复,但就我而言,我有一个文件夹,其中包含代表扑克牌的 svg 文件,这是一个充满这些的文件夹,我无法将它们显示到屏幕上。

标签: reactjs svg webpack


【解决方案1】:

您可以导入 SVG 文件并在 React 中使用它们。

例如:

import srcCard2C from 'cardsJS/cards/2C.svg'

render() {
  return <img class='card' src={srcCard2C} />
}

【讨论】:

  • 感谢您的回复,这是一个更好的 :D 但是,我怎样才能动态获得卡?假设我想从该文件夹中获得名为 AS.svg 的黑桃 A,我该如何实现?
  • 卡片文件夹包含所有卡片,我希望能够动态获取其中任何一张。请记住,该文件夹包含 52 张卡片
  • 您可以将所有卡片导入一张,然后动态加载它们。 import * as cards 来自 'cardsJS/cards' 之类的。
猜你喜欢
  • 1970-01-01
  • 2019-12-15
  • 2016-10-02
  • 2017-02-28
  • 2017-05-01
  • 2020-09-24
  • 2018-12-14
  • 2022-01-12
  • 1970-01-01
相关资源
最近更新 更多