const CheckboxAdapter = ({ input: { onChange, value }, label }) => ( <FormControlLabel classes={classes} control={<Checkbox onChange={e => onChange(e.target.checked)} checked={value} />} label={label} /> )
const RadioAdapter = ({ input: { onChange, value }, label, options = [] }) => ( <RadioGroup value={value} onChange={e => onChange(e.target.value)}> <FormLabel classes={classes} component="legend"> {label} </FormLabel> {options.map(option => ( <FormControlLabel classes={{ label: classes.label }} value={option.value} control={<Radio />} label={option.label} /> ))} </RadioGroup> )
function TextInput() { const [state, setState] = useState('') return ( <div> <label htmlFor={'my-input'}>Enter text: </label> <input id={'my-input'} type={'text'} value={state} placeholder={'Type here'} onChange={event => { setState(event.target.value) }} /> <br /> <br /> You entered: {state} </div> ) }
onChange={(event) => { this.setState({ book: { ...this.state.book, name: event.target.value }, }); }} onChange={(event) => { this.setState({ book: { ...this.state.book, price: Number(event.target.value) }, }); }} onChange={(event) => { this.setState({ book: { ...this.state.book, githubRepo: event.target.value }, }); }}
onChange={(event) => { this.setState({ book: Object.assign({}, this.state.book, { name: event.target.value }), }); }} onChange={(event) => { this.setState({ book: Object.assign({}, this.state.book, { price: Number(event.target.value) }), }); }} onChange={(event) => { this.setState({ book: Object.assign({}, this.state.book, { githubRepo: event.target.value }), }); }}
<Input.Search value={searchInputValue} onChange={(e) => setSearchInputValue(e.target.value)} placeholder="Story id, url or title" onSearch={onSearch}
onChange={(event) => { setTitle(event.target.value); handleChange(event); }}
value={groupName} onChange={e => { const { value } = e.target;
onChange={(event) => { this.setState({ book: { ...this.state.book, name: event.target.value }, }); }} onChange={(event) => { this.setState({ book: { ...this.state.book, price: Number(event.target.value) }, }); }} onChange={(event) => { this.setState({ book: { ...this.state.book, githubRepo: event.target.value }, }); }}
onChange={(event) => { this.setState({ book: Object.assign({}, this.state.book, { name: event.target.value }), }); }} onChange={(event) => { this.setState({ book: Object.assign({}, this.state.book, { price: Number(event.target.value) }), }); }} onChange={(event) => { this.setState({ book: Object.assign({}, this.state.book, { githubRepo: event.target.value }), }); }}
onChange={(event) => { this.setState({ book: Object.assign({}, this.state.book, { name: event.target.value }), }); }} onChange={(event) => { this.setState({ book: Object.assign({}, this.state.book, { price: Number(event.target.value) }), }); }} onChange={(event) => { this.setState({ book: Object.assign({}, this.state.book, { githubRepo: event.target.value }), }); }}
onChange={(event) => { this.setState({ book: Object.assign({}, this.state.book, { name: event.target.value }), }); }} onChange={(event) => { this.setState({ book: Object.assign({}, this.state.book, { price: Number(event.target.value) }), }); }} onChange={(event) => { this.setState({ book: Object.assign({}, this.state.book, { githubRepo: event.target.value }), }); }}
<Input.Search value={searchInputValue} onChange={(e) => setSearchInputValue(e.target.value)} placeholder="Story id, url or title" onSearch={onSearch}