Have ideas to improve npm?Join in the discussion! »

    react-form-element

    15.4.1-rc.4 • Public • Published

    React From Element

    dependencies Status

    Plugin react to describe HTML Form Elements. Invoke properties to work with this type elements.

    Features:

    • Apply a React Component as Form Element (Only a simulation).
    • Dispatch to events.
    • Update state by events.

    Motivation

    As a Form Element on HTML5.

    Examples

    const {FormElement} = require('react-form-element')
     
    class MyComp extends React.Component {
      constructor (props) {
        this.state = {value:''}
      }
      render () {
        render <div>
          <div>
            <input type="text"
              onChange={FormElement.InvokeChange(this, 'state.value')}
              value={this.state.value} />
          </div>
          <div>
            <div>
              <h2>Preview</h2>
              <h4>{this.state.value}</h4>
            </div>
          </div>
        </div>
      }
    }

    Apply FormElement

    const {FormElement} = require('react-form-element')
     
    class MyComponent extends React.Component {
      constructor (props) {
        this.state = {value: ""}
        FormElement.implement(this)
      }
      render () {
        return <input onChange={this.InvokeChange(this.transferDOMEvent('onChange'))}>
      }
    }
     
    class MyAPP extends React.Component {
      constructor (props) {
        this.state = {
         name: ""
       }
      }
     
      render () {
        return <div>
          <label>{this.state.name}</label>
          <MyComponent onChange={FormElement.InvokeChange(this, 'state.name')} />
        </div>
      }
    }

    Install

    npm i react-form-element

    DownloadsWeekly Downloads

    2

    Version

    15.4.1-rc.4

    License

    MIT

    Last publish

    Collaborators

    • avatar