0

のコンポーネントを作成しようとしています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。

もう一度確認します

4

1 に答える 1

3

変更してみてください:

import Input from 'react-toolbox'

に：

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

また

import {Input} from 'react-toolbox';

両方とも動作するはずです

あなたの場合Input、 undefined はそのようにインポートされていると思います

于 2016-10-24T08:57:50.447 に答える