«Тип элемента недопустим: ожидается строка», когда я импортирую класс в index.js

Question

Я получаю

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

   6 | import "bootstrap/dist/css/bootstrap.css";
   7 | import Counter from "./components/counter";
   8 | 
>  9 | ReactDOM.render(<Counter />, document.getElementById("root"));
  10 | 
  11 | // If you want your app to work offline and load faster, you can change
  12 | // unregister() to register() below. Note this comes with some pitfalls.

, оно намекает на строку 9, хотя я экспортировал и импортировал класс просто отлично

Answer 1

Чтобы использовать импорт, вы должны использовать ключевое слово экспорта по умолчанию, подобное этому, или вы экспортируете мультиобъект в файл, который вы должны использовать

import { Counter } from "./component/counter";

Мой пример использования ключевого слова экспорта по умолчанию

import React from "react";
import PropTypes from "prop-types";

const ACCInput = props => {
  const className = "form-control";
  const classNameError = "form-control is-invalid";

  return (
    <div className="form-group">
      <label htmlFor={props.name} hidden>
        {props.name}
      </label>
      <div>
        <input
          className={props.className ? classNameError : className}
          id={props.id}
          type={props.type}
          name={props.name}
          placeholder={props.placeholder}
          onFocus={props.onFocus}
          onChange={props.onChange}
          onBlur={props.onBlur}
          value={props.value}
          disabled={props.disabled}
        />
      </div>
    </div>
  );
};

ACCInput.propTypes = {
  className: PropTypes.bool,
  id: PropTypes.string,
  type: PropTypes.string,
  name: PropTypes.string,
  placeholder: PropTypes.string,
  value: PropTypes.string,
  onChange: PropTypes.func,
  onBlur: PropTypes.func,
  onFocus: PropTypes.func,
  required: PropTypes.string,
  disabled: PropTypes.string
};

export default ACCInput;