如何修复，模块在反应组件中没有导出成员？

Question

我正在使用带有 react.js 的 spfx 创建一个 web 部件。我创建了一个新组件，在导入这个新创建的组件时，我收到“模块没有导出成员”的消息。如何解决这个问题？

    import Form from 'react-validation/build/form';
    import Input from 'react-validation/build/input';
    import Button from 'react-validation/build/input';
    import * as React from 'react';
    import validator from 'validator';
    const required = (value) => {
    if (!value.toString().trim().length) {
      // We can return string or jsx as the 'error' prop for the validated 
     Component
      return 'require';
    }
    };
    const email = (value) => {
    if (!validator.isEmail(value)) {
      return `${value} is not a valid email.`
    }
  };
  export default class NewForm extends React.Component {
    render() {
        return <h3>Hello</h3>
    }
}

下面是进口;

import { NewForm } from '../components/NewForm'

Answer 1

你应该使用：

import NewForm from '../components/NewForm'

因为它是默认导入。

请参阅此线程：https : //stackoverflow.com/a/34841313/8649904