Waiting Before Writing to Database - mysql

Question

I have a giant form, and it's setup so that the handleChange method changes the state values of the data as the user types. I then want it to write to the mySql database, which I can also do, except currently, it writes after every keypress. I'm trying to figure out how to wait a few seconds after input stops, so that it doesn't do it after every single key press.
handleChange(e) {
const targetName = e.target.name;
const targetValue = e.target.value
this.setState({
[e.target.name]: e.target.value
});
console.log(`${targetName}: ${targetValue}`);
/// I want a timer here that will only move on if input has stopped for a few seconds.
/// Call to my database query will be here
}

Answer 1

For anyone who wants the answer that I used, I put it together from the link that #WilTree posted above.
let timeout;
class General extends Component {
constructor(props) {
super(props);
this.state = {
typing: false,
typingTimeout: 0,
organization: "",
address: "",
website: "",
industry: "",
status: ""
};
this.handleChange = this.handleChange.bind(this);
}
handleChange(e) {
const targetName = e.target.name;
const targetValue = e.target.value
this.setState({
[e.target.name]: e.target.value
});
if (this.state.typingTimeout) {
clearTimeout(this.state.typingTimeout);
}
this.setState({
typing: false,
typingTimeout: setTimeout(function () {
console.log(`${targetName}: ${targetValue}`);
}, 3000)
});
}