Dispatch Action 到我的 handleSubmit() 我必须将它保存在 Array [ ] 中

Question

我想将操作分派到我的 handleSubmit 函数中，这样我就可以从输入中获取值并将其保存到 message[]

以下是我卡住的代码：

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);

    }

Answer 1

所以我得到了这个问题的答案，我们只需要将值传递给我们的 handleSubmit 函数并在 props 中调用它。以下是此解决方案的代码块：

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

请注意，它自己不会做任何事情，我们需要对 sagas 文件进行一些更改。但是我们可以通过 console.log(values) 来检查我们在控制台中的输入响应

Dispatch Action 到我的 handleSubmit() 我必须将它保存在 Array [ ] 中

Dispatch Action to my handleSubmit() I have to save it in Array [ ]

react-redux

react-redux-form