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

时间:2018-03-18 05:19:55

标签: javascript html reactjs object fetch

我想在我的React应用上显示上传到网址上的.txt文件中的数据。该URL是我提供的JSON对象的一部分"取出"在使用Fetch的函数中。我将该对象存储到我的状态。因此,如果我想显示URL,我会做类似的事情:

{this.state.result.URL}

现在,我想显示此网址中存储的内容以及其他数据。我尝试过使用标签。像这样:

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

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

我的问题是如何使该字体外观与我的应用程序的默认字体相同。或者有更好的方法从URL加载此文本?比如将它存储到变量中然后只使用该变量显示文本?提前致谢!

编辑:请检查这些图像以查看字体和滚动条的区别。 Image with the default web page font contents from the .txt file's font

1 个答案:

答案 0 :(得分:0)

你是用px修高度吗? 尝试身高= 100%,我认为它会起作用