Загрузка компонента Redux-Form из другого файла останавливает загрузку

Question

Когда я пытаюсь импортировать поле из внешнего файла, страница зависает (загружается вечно).Я думаю, что проблема component={SurveyField}, потому что, если я вместо этого кодирую component="input", это работает.Но я действительно хочу импортировать форму извне.Заранее благодарим за помощь!

import React, { Component } from "react";
import { reduxForm, Field } from "redux-form";
import SurveyField from "./SurveyForm";

class SurveyForm extends Component {
  renderFields = () => {
        return <Field type="text" name="title" component= 
   {SurveyField} />;
    };
  render() {
    return (
      <div>
        <form onSubmit={this.props.handleSubmit(values => 
console.log(values))}>
          <Field type="text" name="title" component={SurveyField} />
          <button type="submit">Submit</button>
        </form>
      </div>
    );
  }
}

export default reduxForm({
  form: "surveyForm"
})(SurveyForm);

Это SurveyField.js импорт React из "act ";

const SurveyField = () => {
  return <input />;
};

export default SurveyField;

Answer 1

Вы импортируете SurveyField из SurveyForm.js, а не SurveyField.js.Это может быть проблема