debounce-input-react

React component that renders Input with debounced onInput

Usage no npm install needed!

<script type="module">
  import debounceInputReact from 'https://cdn.skypack.dev/debounce-input-react';
</script>

README

debounce-input-react ·

Installation

NPM

npm install debounce-input-react --save

Usage

import React from 'react';
import ReactDOM from 'react-dom';
import {DebounceInput} from 'debounce-input-react';

class App extends React.Component {
  state = {
    value: ''
  };

  render() {
    return (
      <div>
        <DebounceInput
          minLength={2}
          debounceTimeout={300}
          onInput={event => this.setState({value: event.target.value})} />

        <p>Result: {this.state.value}</p>
      </div>
    );
  }
}

const appRoot = document.createElement('div');
document.body.appendChild(appRoot);
ReactDOM.render(<App />, appRoot);

License

debouce-input-react is MIT licensed.