react-jsonschema-form Wie benutzt man es über cdn?

Question

Ich versuche diese Bibliothek "react-jsonschema-form" zu verwenden, um Formulare mit Hilfe von react und jsonschema zu erstellen. Ich versuche, es in meinem Projekt zu verwenden, wie im Beispiel von der Website beschrieben, indem ich die .js-Datei über CDN einfüge. Es funktioniert nicht. Die exportierte Komponente "Form" ist nicht definiert.

Ich habe mir diese ähnliche Frage Using React component from js source maps angesehen, aber ich konnte die angebotene Lösung nicht verstehen. Ich sollte den Standard-Export von JSONSchemaForm übernehmen. Aber was ist JSONSchemaForm? und wo kann ich es finden? Soll eine andere Bibliothek hinzugefügt werden? Hier

ist, was ich versucht zu tun:

Require.js Verwendung Ich habe die CDN-Bibliothek importiert:

var require = { 
     baseUrl: "/js/", 
     waitSeconds: 600, 
     paths: {    
      'react-forms': ['https://unpkg.com/react-jsonschema-form/dist/react-jsonschema-form'] 
     },    
    } 

Dann in meinem Code importiere ich die Bibliothek:

var rf = require('react-forms') 

Aber jetzt, wenn ich auf Form (rf.Form) zugreife, ist es undefiniert. Ich habe mir den Quellcode "react-jsonschema-form.js" angesehen. "Form" ist nirgendwo definiert.

Von den Anweisungen der Bibliotheksseite heißt es:

You'll also need to alias the default export property to use the Form component: 
    const Form = JSONSchemaForm.default; 

    // or 
    const {default: Form} = JSONSchemaForm; 

Aber JSONSchemaForm ist auch nicht definiert.

Also ich weiß nicht, was ich falsch mache. Wie kann ich die "react-jsonschema-form" -Bibliothek verwenden, indem ich sie als Skript-Tag einfüge?

Danke Gemeinde.

Answer 1

Ich war in der Lage, dieses Problem zu lösen, und ich berichte hier die Lösung für jeden mit einem ähnlichen Problem konfrontiert. So verwenden Sie reagieren-jsonschema-Form über CDN Script-Tag (mit require.js):

1. umfassen diese Bibliothek über require.js durch den URL-Pfad angibt:

   Pfade: {
   ‚lauten die Reaktionen Formen ': [' https://unpkg.com/react-jsonschema-form/dist/react-jsonschema-form ‚] }

2. umfassen diese polyfill Bibliothek: cdn.polyfill.io/v2/polyfill.min.js

3. Vergewissern Sie sich die neueste verwenden reagieren Version (Version v15)

4. In Ihrem Code benötigen die Bibliothek und Alias ​​der Standardexport wie folgt aus:

var rf = require ("reagieren Formen"); const Formular = rf.default;

(Dies ist, weil ich require.js Modulsystem verwenden. Für ein anderes Modulsystem können Sie JSONSchemaForm.default verwenden)