javascript - 当我编辑第 14 行 addReminder 函数时，该应用程序打破了对我做错了什么的任何洞察力？

Question

在下面的代码中，我不断遇到此错误消息“错误：操作可能没有未定义的“类型”属性。您是否拼错了一个常量？” 在第 14 行编辑我的 addReminder 后，我收到了错误消息。有什么见解吗？

import React, { Component } from 'react';
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
import { addReminder } from '../action';

class App extends Component{
    constructor(props) {
    super(props);
    this.state = {
        text: ''
    }
}

addReminder() {
    this.props.addReminder(this.state.text);
}

    render(){
        return (
            <div className="App">
                <div className="title">
                    Reminder Pro
                </div>
                <div className="form">
                    <div className="form=group">
                        <input
                        className="form-control"
                        placeholder="I have to..."
                        onChange={event => this.setState({text: event.target.value})}
                        />
                    </div>
                    <button 
                    type="button"
                    className="btn btn-success"
                    onClick={() => this.addReminder()}
                    >
                        Add Reminder
                    </button>
                 </div>

            </div>
        )
    }
}

function mapDispatchToProps(dispatch) {
    return bindActionCreators({addReminder}, dispatch);
}

export default connect(null, mapDispatchToProps)(App);

标签： javascriptreactjstypesreact-reduxjsx