mson-react
mson-react copied to clipboard
mson-react issue FormEditor
Hi ! thanks for the proyect, react-mson dont work with component: "FormBuilder", =/ https://codesandbox.io/s/mson-collection-zi3kz?file=/src/index.js
My code is like this
` import Component from "mson-react/lib/component";
const definition = { name: 'app.FormBuilder', component: 'FormBuilder', 'fields.form.form.fields.fields.store': { component: 'LocalStorageStore', storeName: 'myForm' } };
// Render the app const MyMson = () => ( <Component definition={definition} onSubmit={({ component }) => { alert("submitting " + JSON.stringify(component.getValues())); }} /> );
export default MyMson;`
and i get this error
I can resolve whit this code, but the result is not the expected =/
import React from "react"; import 'typeface-roboto'; import compiler from "mson/lib/compiler"; import Component from "mson-react/lib/component"; import FormBuilder from 'mson/lib/form/form-builder'; import FormEditor from 'mson/lib/form/field-editor-form';
import FieldEditorForm from 'mson/lib/form/field-editor-form';
compiler.registerComponent('FieldEditorForm', FieldEditorForm); //componente mson compiler.registerComponent('FormEditor', FormEditor); compiler.registerComponent('FormBuilder', FormBuilder);
const component = compiler.newComponent({ name: 'app.FormBuilder', component: 'FormBuilder', 'fields.form.form.fields.fields.store': { component: 'LocalStorageStore', storeName: 'myForm', } }); component.emitLoad();
// Render the app const MyMson = () => ( <Component component={component} onSubmit={({ component }) => { alert("submitting " + JSON.stringify(component.getValues())); }} /> );
export default MyMson;