redgeoff / mson-react

React and Material-UI Rendering Layer for MSON
Apache License 2.0
80 stars 13 forks source link

mson-react issue FormEditor #194

Open MedinaGitHub opened 4 years ago

MedinaGitHub commented 4 years ago

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 image

MedinaGitHub commented 4 years ago

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;

image image