lucid-ui/dist/components/TextField/examples/debounced.js

A UI component library from AppNexus.

import React from 'react';
import createClass from 'create-react-class';
import { Button, TextField } from '../../../index';
const style = {
    marginBottom: '10px',
};
export default createClass({
    getInitialState() {
        return {
            value: 'foo',
        };
    },
    render() {
        return (React.createElement("div", null,
            React.createElement(TextField, { style: style, value: this.state.value, onChangeDebounced: value => this.setState({ value }) }),
            React.createElement("div", { style: style },
                "this.state.value: ",
                this.state.value),
            React.createElement(Button, { onClick: () => {
                    this.setState({ value: 'foo' });
                } }, "Set TextField to \"foo\"")));
    },
});