Skip to content

Instantly share code, notes, and snippets.

@connor11528
Last active April 23, 2019 23:18
Show Gist options
  • Select an option

  • Save connor11528/0c72a71820456df690d48b04f76ed4a8 to your computer and use it in GitHub Desktop.

Select an option

Save connor11528/0c72a71820456df690d48b04f76ed4a8 to your computer and use it in GitHub Desktop.
React.js component for sending a POST request
import React from "react"
import axios from "axios"
export default class AddSalesperson extends React.Component {
state = {
name: '',
}
submit = event => {
event.preventDefault();
axios.post('FUNCTION_PATH_HERE', { name: this.state.name })
.then(res => {
console.log(res);
console.log(res.data);
})
.catch(error => {
console.log(error);
});
this.setState({
name: ''
});
}
handleInputChange = event => {
const target = event.target
const value = target.value
const name = target.name
this.setState({
[name]: value,
});
}
render(){
return (
<form onSubmit={this.submit}>
<input
placeholder="Salesperson's name?"
name='name'
value={this.state.name}
onChange={this.handleInputChange}
/>
<input type="submit" value="Add" />
</form>
);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment