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

Answer 2

尝试将其更改为

import NewForm from '../components/NewForm'

如何解决，React组件中模块没有导出成员？

2 个答案: