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>

但是我收到了这个错误

错误：元素类型无效：期望一个字符串（对于内置组件）或一个类/函数（对于复合组件）但得到：undefined。检查TextField的呈现方法。

我再次检查

the redux form doc
其他相关主题，例如此one或此one

Answer 1

尝试改变：

import Input from 'react-toolbox'

为：

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

或

import {Input} from 'react-toolbox';

两者都应该有效

我认为在您的情况下，Input未定义导入，如此

react-redux组件的元素类型无效（got：undefined）

1 个答案: