inula/demos/todo-mvc/components/header.jsx

14 lines
393 B
JavaScript

import { Input } from './input';
import { ADD_ITEM } from '../constants';
export function Header({ dispatch }) {
const addItem = title => dispatch({ type: ADD_ITEM, payload: { title } });
return (
<header className="header" data-testid="header">
<h1>todos</h1>
<Input onSubmit={addItem} label="New Todo Input" placeholder="What needs to be done?" />
</header>
);
}