Cloudinary Widget Verwendung in React

Question

Ich bin neu zu Reagieren. Ich bin auf der Suche nach einem guten Weg, Fotos zu Cloudinary hochzuladen. Ich sah das Cloudinary Widget, aber ich habe Probleme es in einer App wie Reagieren Umsetzung: https://cloudinary.com/blog/how_to_build_an_image_library_with_react_cloudinary#uploading_images

ich das Script-Tag in index.html Körper setzen:

<script src="//widget.cloudinary.com/global/all.js" type="text/javascript"></script> 

dann versuchen, in der Komponente zu verwenden:

class Landing extends Component { 
    uploadWidget() { 
    cloudinary.openUploadWidget(
     { cloud_name: 'minetoo', upload_preset: 'mine', tags: ['xmas'] }, 
     function(error, result) { 
     console.log(result); 
     } 
    ); 
    } 
... 

aber ich habe den Fehler: 'cloudinary' definiert ist, nicht

vorformulierten Meine App Wird mit create-react-app generiert, wenn das wichtig ist.

Answer 1

Dies ist sehr normal wie spitz here und here. Sie müssen auf das Objekt cloudinary vom Objekt window zugreifen:

window.cloudinary.openUploadWidget(...)