reactjs - 如何解决,模块在反应组件中没有导出的成员?
问题描述
我正在使用带有 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'
解决方案
你应该使用:
import NewForm from '../components/NewForm'
因为它是默认导入。