Reactにある.txtファイルのコンテンツを表示する

Question

Dropboxに格納された.txtファイルの内容を、Dropbox APIを使用して表示することを検討しています。

私はすでにを通して引っ張り、私はjQueryのか、AJAXを使用するか研究して見つけたの例は、すべてのsrc URLの塊に

を作成することにより、画像を表示しています。私はすでにAPIを介してこれらのファイルにアクセスしているので、Dropboxサーバーまで別の呼び出しを行う必要はありませんか？

私はembedタグを使用しようとしましたが、ブラウザはそのファイルをダウンロードしようとしています。

Dropbox APIを使用して反応するtxtファイルのコンテンツをどのように表示しますか？

class Project extends React.Component{ 

    constructor(){ 
    super(); 
    this.state = { 
    fileSource: [], 
    } 
} 

componentDidMount(){ 
    var that = this; 
    var sources = []; 
    var link = "/"+this.props.title; 

    dbx.filesListFolder({path: link}) 
    .then(function(response) { 

     ... 
     ... 
     //call to dropbox 
     ... 
     ... 

     var newUrls=window.URL.createObjectURL(response.fileBlob); 
     sources.push(newUrls); 
    }) 

    .then(function(){ 
     that.setState({ 
      fileSource: sources, 
     }); 

     }); 
    } 
    }); 
} 

render() { 

    if(!this.state.fileSource.length) 
    return null; 

    let text = this.state.fileSource.map((el, i) => 
     <embed src={el}/> 
    ) 

    return (
     <div className="projectWrapper"> 
     {text} 
     </div> 
    ); 
    } 
} 

Answer 1

アップデート：私はオブジェクトからfileBlobを作成し、その内容を表示する​​とreadAsText()を使用していますthis前の質問に出くわしました。