import React, { Component } from 'react'; import { reduxForm } from 'redux-form'; import store from '../store/Store';
export default class MessageForm extends Component {
static propTypes = { handleSubmit: React.PropTypes.func.isRequired, fields: React.PropTypes.shape({ body: React.PropTypes.object.isRequired, senderClass: React.PropTypes.object.isRequired, }), }; render() { const { fields: { body, senderClass }, handleSubmit } = this.props; return ( <div className='denshobato-send-message'> <form onSubmit={handleSubmit}> <input className="message_input" placeholder="Type your message here..." {...body}/> <button onclick={handleSubmit} className="text">Send</button> </form> </div> ); }
}
MessageForm = reduxForm({
form: 'message-form', fields: ['body', 'senderClass'],
})(MessageForm);