react-form-element
v15.4.1-rc.4
Published
Plugin react to describe HTML Form Elements. Invoke properties to work with this type elements.
Downloads
5
Readme
React From Element
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>
}
}