awesome-compose/react-express-mongodb/frontend/src/components/AddTodo.js
Jérémie Drouet e5828ad1bf react-express-mongodb: clean frontend code
- apply prettier style on every js file
- remove mutation on immutable variables
- remove wrapper on top of axios
- fix form handling
- remove useless port definition in dockerfile

Signed-off-by: Jérémie Drouet <jeremie.drouet@gmail.com>
2020-05-13 11:33:48 +02:00

34 lines
697 B
JavaScript

import React from "react";
export default class AddTodo extends React.Component {
handleSubmit = (e) => {
e.preventDefault();
const { value } = e.target.elements.value;
if (value.length > 0) {
this.props.handleAddTodo(value);
e.target.reset();
}
};
render() {
return (
<form
noValidate
onSubmit={this.handleSubmit}
className="new-todo form-group"
>
<input
type="text"
name="value"
required
minLength={1}
className="form-control"
/>
<button className="btn btn-primary" type="submit">
Add Todo
</button>
</form>
);
}
}