reactjs - react-redux 组件的元素类型无效（得到：未定义）

Question

我正在尝试为redux-form. 这是我的组件

import React, { PropTypes } from 'react'
import Input from 'react-toolbox'

export const TextField = ({ input, meta: { touched, error }, ...custom }) => (
  <Input
    error={touched && error}
    {...input}
    {...custom}
  />
)

TextField.propTypes = {
  input: PropTypes.object,
  meta: PropTypes.object
}

export default TextField

我还创建了一个index.js文件以轻松导入它

import TextField from './TextField'   
export default TextField

然后我像这样使用它

import TextField from 'components/TextField'
import { Field } from 'redux-form'
<form onSubmit={props.handleSubmit(props.loginUser)}>
  <Field type='email' label='Email' name='email' component={TextField} required />
</form>

但我得到这个错误

错误：元素类型无效：应为字符串（对于内置组件）或类/函数（对于复合组件），但得到：未定义。检查TextField.

我再次检查

• redux 表单文档
• 关于 SO 的其他相关主题，例如这个或这个

Answer 1

尝试改变：

import Input from 'react-toolbox'

到：

import Input from 'react-toolbox/lib/input';

或者

import {Input} from 'react-toolbox';

两者都应该工作

我认为在你的情况下Input是 undefined 像这样导入的