react-custom-easy-form v0.1.3

Install Module:

$ npm i --save react-custom-easy-form

Import module

$ import reactCustomEasyForm from 'react-custom-easy-form/dist';

import specific Component

$ import { Form, Button, Label, Checkbox, RadioButton, Fieldset, Legend, Select, Option, TextField, TextArea: } from "react-custom-easy-form/dist";

How to submit form: Example

// Create form
<Form id="form">

      // Add Field
  <Label htmlFor="text">
    Name : 
    <TextField id="text" name="Text" />
  </Label>

  ......
  
  // Submit form	
  <Button onClick={ (e)=> {submit(e)} }> Submit </Button>
</Form>

const submit = (e) => {
  e.preventDefault();
  
  let formdata = new FormData(document.getElementById('form'));
  let data = {};

  for (var [key, value] of formdata.entries()) {
    data[key] = data[key] ? ( Array.isArray(data[key]) === true ? [...data[key] , value] : [data[key], value] ) : value	
  }

  fetch("/", {method:"POST", body: JSON.stringify(data)});
}