reactjs - 还原/ react 。您必须将组件传递给 connect 返回的函数。相反收到了未定义的

Question

我看到这个主题You must pass a component to the function returned by connect. Instead received undefined ，但这与我的情况无关。

那么，我无法理解我的演示/容器连接出了什么问题？

我将它们相互连接，但出现错误:您必须将一个组件传递给 connect 返回的函数。相反收到了未定义

/* 组件 */

import React from 'react';
import AddTodo from '../../Actions/AddTodo'
import TodoFormAdd from '../../Containers/TodoFormAdd'

class TodoForm extends React.Component{   
    constructor(props) {
        super(props);
        this.handleSubmit = this.handleSubmit.bind(this);
    }

    handleSubmit(e) {
        e.preventDefault();

        document.querySelector('input').input.value = '';   
        TodoFormAdd(this.props.store, this.input.value);
    }

    render() {
        return (
            <form id="tp" onSubmit={this.handleSubmit}>
                <input type="text" placeholder="Your text" />
                <button type="submit">Add todos</button>
            </form>
        );  
    }
}

export default TodoForm;

/* 容器 */

import { connect } from 'react-redux';
import TodoForm from '../Components/TodoForm/TodoForm'
import AddTodo from '../Actions/AddTodo'

let TodoFormAdd = (store, input) => store.dispatch(AddTodo(input));

export default connect(TodoFormAdd)(TodoForm);

Answer 1

已解决:

问题出在一次运行时调用这两个代码的过程中。

所以链条是下一个:

1. 我们启动组件TodoForm，它也尝试导入TodoFormAdd；
2. TodoFormAdd 尚未获得正常工作的参数，启动开始崩溃。
3. 然后 TodoForm 无法自行完成编译并崩溃。

就是这样。因此，我只需删除 TodoForm 中的 import TodoFormAdd 即可，一切都变得很好。

感谢大家的帮助!