Question

我正在尝试创建一个网站，该网站包括一些带有Plotly的动态图表，但有时服务器可能会关闭，人们可以看到404错误，这很烦人。

我正在考虑的一种解决方案是将所有图形另存为图像，并且如果服务器关闭时提供了图像文件，而服务器关闭时则再次显示了图形。

我有一个JSON文件，我将图形的链接存储在JSON文件中，一切正常。

我想像这样为每个图像（plotly_img_path）路径在JSON中再创建一行

 },
                "Annual": {
                    "Title": "Annual Change By Dimension",
                    "Description": "This is description,
                    "Min value": "0",
                    "Max value": "0",
                    "Rationale": " ",
                    "No. of values": "",
                    "plotly_file_path": "https://plot.ly/xxxxx/1237"
                    "plotly_img_path": "../images/Graph-Img/1237.jpeg"

                }

动态图正在运行，并且如果我这样手动放置图像路径：

<img src={require("../images/Graph-Img/1237.jpeg")}></img>

它也正常工作，但是我的问题是我需要使用Json路径

Data['Dimensional']['Index']['Graphs']['Annual']['plotly_img_path'];

当我使用Console.log()进行检查时，可以看到上面的img路径，但是我得到了

× 错误：找不到模块“。”

很抱歉，如果令人困惑。基本上;我需要将路径放在Json文件中，并在该文件路径中的图像中投放。

更新：正如我提到的，我的错误是无法找到模块“。”这是“ Webpack缺少模块错误”造成的！当您将路径放入<img src={require("../images/Graph-Img/1237.jpeg")}></img>时，我可以看到图像，但是当我将Json键放入其中时，会出现错误（如果不使用“ require”，则只能看到空白帧）。

使用react.js获取任何Json值

0 个答案: