mirror of
https://github.com/reduxjs/redux-devtools.git
synced 2024-11-30 05:23:53 +03:00
29 lines
585 B
JavaScript
29 lines
585 B
JavaScript
|
import React, { Component } from 'react';
|
||
|
import PropTypes from 'prop-types';
|
||
|
import TodoTextInput from './TodoTextInput';
|
||
|
|
||
|
export default class Header extends Component {
|
||
|
static propTypes = {
|
||
|
addTodo: PropTypes.func.isRequired
|
||
|
};
|
||
|
|
||
|
handleSave = (text) => {
|
||
|
if (text.length !== 0) {
|
||
|
this.props.addTodo(text);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
render() {
|
||
|
return (
|
||
|
<header className='header'>
|
||
|
<h1>todos</h1>
|
||
|
<TodoTextInput
|
||
|
newTodo
|
||
|
onSave={this.handleSave}
|
||
|
placeholder='What needs to be done?'
|
||
|
/>
|
||
|
</header>
|
||
|
);
|
||
|
}
|
||
|
}
|