显示来自 URL 上的 .txt 文件的数据 - ReactJS答案

【问题标题】：Displaying data from an .txt file that's on an URL - ReactJS显示来自 URL 上的 .txt 文件的数据 - ReactJS
【发布时间】：2018-08-26 22:26:23
【问题描述】：

我想在我的 React 应用程序中显示上传到 URL 的 .txt 文件中的数据。 URL 是我在使用 Fetch 的函数中“获取”的 JSON 对象的一部分。我正在将该对象存储到我的状态中。因此，如果我想显示 URL，我会执行以下操作：

{this.state.result.URL}

现在我想显示存储在此 URL 中的内容以及我的其他数据。我试过为此使用标签。像这样的：

       <p>
       <object width="910" height="180" type="text/plain" data= 
       {this.state.result.Introduction} border="0" 
       style={Objectstyle}></object>
       </p>

我面临的问题是屏幕上显示的文本位于带有滚动条的框内。如果我玩弄高度和宽度，我可以删除框和滚动条，但字体是一种非常 .txt 样式的字体。它看起来与页面的其余部分非常不同。

我的问题是如何使该字体看起来与我的应用程序的默认字体相同。还是有更好的方法从 URL 加载此文本？就像将它存储到一个变量中，然后只使用该变量显示文本？提前致谢！

编辑：请检查这些图像以查看字体和滚动条的差异。

【问题讨论】：

标签： javascript html reactjs object fetch

【解决方案1】：

您是否以 px 为单位固定高度，试试 height =100% ，我想它会起作用的

【讨论】：

不，这行不通。该字体仍然与页面上的其他 Web 元素有很大不同。这是您在记事本中输入时获得的字体。