在使用 React Native 構建的移動應用程序中包含外部 javascript 文件

Question

我正在嘗試將 cloudinary 上傳小部件添加到我使用 React Native 構建的移動應用程序中。

在應用程序中集成此小部件的文檔說“在您的網頁中包含 javascript 文件”。

是否可以在移動應用程序的 react native 中包含此 javascript 文件？

無論我能在網上找到關於在 React Native 的 WebView 中包含這個文件的討論，但這意味着移動網絡應用程序對嗎？ 我正在嘗試構建一個移動應用程序並在其中包含這個外部 javascript 文件。

有可能這樣做嗎？ 如果是這樣，我們將如何處理？

Answer 1

您可以使用：

class Widget extends React.Component {
    uploadWidget = () => {      
        cloudinary.openUploadWidget({ cloud_name: "<cloud_name>", upload_preset: "<upload_preset>", sources:['local','url','facebook','dropbox', 'google_photos'], folder: "test"}, 
            function(error, result){ 
                console.log(error);
        });         
    }
  render() {
    return(
    <div>
      <div>Please update your cloudname and upload preset</div>
      <input type="button" value="click me" onClick={this.uploadWidget}/>
    </div>
    );
  }
}

ReactDOM.render(
  <Widget/>,
  document.getElementById('container')
);

http://jsfiddle.net/RayStra/gevc4ktm/