react-list-input
Do your users need to manage a list of stuff? Edit it? Drag it around?
Use this!
const Input = <input type=type value=value onChange= /> Component { superprops thisstate = value: 'alpha' 'beta' 'gamma' 'delta' 'epsillon' } { return <div> <span onClick=removable ? onRemove : x style= cursor: removable ? 'pointer' : 'not-allowed' color: removable ? 'black' : 'gray' >X</span> <Input value=value onChange=onChange /> </div> } { return <div> <span onClick=canAdd ? onAdd : undefined style= color: canAdd ? 'black' : 'gray' cursor: canAdd ? 'pointer' : 'not-allowed' >Add</span> <Input value=value onChange=onChange /> </div> } { return <ReactListInput initialStagingValue='' onChange= this maxItems=10 minItems=2 ItemComponent=thisItem StagingComponent=thisStagingItem value=thisstatevalue /> }