React Base Fiddle (JSX)

Starting point for creating JSFiddles with React.

by Shirly Manor

HTML

<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<div id="container">
       <script src="https://widget.cloudinary.com/global/all.js"></script>
</div>

Babel + JSX

class Widget extends React.Component {
	uploadWidget = () => {		
		cloudinary.openUploadWidget({ cloud_name: "shirly", upload_preset: "my-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')
);