React.createElement: тип недействителен - ожидал строку, но получил: undefined - PullRequest
Новая
       6

React.createElement: тип недействителен - ожидал строку, но получил: undefined

0 голосов
/ 02 января 2019

Я занимаюсь разработкой приложения рендеринга на стороне сервера. Я использую reduxForm для компонента регистрации.но я получаю нижнюю ошибку в консоли

Предупреждение: React.createElement: тип недействителен - ожидается строка (для встроенных компонентов) или класс / функция (для составных компонентов), нополучил: не определено.Скорее всего, вы забыли экспортировать компонент из файла, в котором он определен, или вы перепутали импорт по умолчанию и имена. 

"react-redux": "^5.0.7",
"react-router": "^4.3.1",
"redux-form": "^7.4.2"

import React, { Component } from 'react';
import { connect } from "react-redux";
import { Field, reduxForm } from "redux-form";

class SignUpForm extends Component {

      constructor(props) {
        super(props);            

        this.renderField = this.renderField.bind(this);
    }
renderField(field) {
        const { meta: { touched, error } } = field;
        const className = `form-group ${touched && error ? "has-danger" : ""}`;
        return (
            <div className={className}>
                <label>{field.label}</label>
                <input className="form-control" type={field.type || "text"} {...field.input} />
                <div className="text-help">
                    {touched ? error : ""}
                </div>
            </div>
        );
    }

render() {        
        const { handleSubmit } = this.props; 
        return (
            <form >                
                <Field
                    label="Mobile Number"
                    name="mobilenumber"
                    component={this.renderField}
                />            
              <button type="submit" className="btn btn-primary btn-play">OK</button>
            </form>
        );
    }
}


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

export default reduxForm({
    validate,
    form: "SignUpForm"
})(connect(null, mapDispatchToProps)(SignUpForm));
...