Collection for Redux todo example - This file is the presentational component for Input

Input.js

import React, { Component } from 'react';

export default class Input extends Component {
  constructor(props) {
    super(props);
    this.state = {
      value: ''
    };
    this.handleChange = this.handleChange.bind(this);
    this.handleKeyPress = this.handleKeyPress.bind(this);
  }

  handleChange(e) {
    this.setState({ value: e.target.value });
  }

  handleKeyPress(e) {
    const { handleSubmit } = this.props;
    const { value } = this.state;

    if (e.key !== 'Enter') return;
    if (!value) return;

    handleSubmit(value);
    this.setState({ value: '' });
  };

  render() {
    const { placeholder } = this.props;
    const { value } = this.state;

    return (
      <input
        type={"text"}
        value={value}
        placeholder={placeholder}
        onChange={this.handleChange}
        onKeyPress={this.handleKeyPress}
      />
    );
  }
}