Диспетчерское действие для моего handleSubmit () Я должен сохранить его в массиве [] - PullRequest
Новая
       20

Диспетчерское действие для моего handleSubmit () Я должен сохранить его в массиве []

0 голосов
/ 03 июля 2019

Я хочу отправить действие в свою функцию handleSubmit, чтобы я мог получить значения из ввода и сохранить их в сообщении []

Ниже приведен мой код, в котором я застрял: 

import React from 'react';
import SubMenu from './SubMenu';
import MessageForm from './form/MessageForm';
import { sendNewMessage } from '../../actions/messages.actions'
import {connect} from 'react-redux';


class Messages extends React.PureComponent {
    handleSubmit = (e) => {
      this.props.sendNewMessage(e);

    }
    render() {
        return (
            <section className="page-notifications"> 
                <SubMenu/>
                <MessageForm onSubmit={this.handleSubmit}/>
            </section>
        )
    }
}
    const mapDispatchToProps = dispatch => {
      return {
        sendNewMessage: (msg) => dispatch(sendNewMessage(msg)),
      }
    }

export default connect(null,mapDispatchToProps)(Messages)

По сути, мне просто нужно отправить действие в блок кода: 

class Messages extends React.PureComponent {
    handleSubmit = (e) => {
      this.props.sendNewMessage(e);

    }

1 Ответ

0 голосов
/ 03 июля 2019

Итак, я получил ответ на этот вопрос, мы просто должны передать значения нашей функции handleSubmit и вызвать ее в props. ниже приведен блок кода для этого решения: 

 handleSubmit = (values) => {
      const { sendNewMessage } = this.props;
      sendNewMessage(values);
      console.log(values)
    }

Имейте в виду, он ничего не будет делать сам по себе, нам нужно внести некоторые изменения в наш файл саги. но мы можем передать console.log(values), чтобы проверить наш входной ответ в нашей консоли

...