appbaseio/reactivesearch

import React from 'react';
import { connect } from 'react-redux';
import { addTodo } from '../actions';

// eslint-disable-next-line
let AddTodo = ({ dispatch }) => {
    let input;
    return (
        <div>
            <form
                onSubmit={(e) => {
                    e.preventDefault();
                    if (!input.value.trim()) {
                        return;
                    }
                    dispatch(addTodo(input.value));
                    input.value = '';
                }}
            >
                <input
                    ref={(node) => {
                        input = node;
                    }}
                />
                <button type="submit">Add Todo</button>
            </form>
        </div>
    );
};
AddTodo = connect()(AddTodo);

export default AddTodo;