Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
ReactJS和材质UI:组件定义缺少显示名称_Reactjs_Webpack_Material Ui - Fatal编程技术网

ReactJS和材质UI:组件定义缺少显示名称

ReactJS和材质UI:组件定义缺少显示名称,reactjs,webpack,material-ui,Reactjs,Webpack,Material Ui,我正在使用Material UI测试一些React应用程序,我有以下错误: Component definition is missing display name import React from 'react'; import TextField from 'material-ui/TextField'; import PageBase from '../components/PageBase'; const FormPageError = () => { //HERE'S TH

我正在使用Material UI测试一些React应用程序,我有以下错误:

Component definition is missing display name

import React from 'react';
import TextField from 'material-ui/TextField';
import PageBase from '../components/PageBase';

const FormPageError = () => { //HERE'S THE WARNING
return(
  <PageBase title="Formulario con validaciones"
            navigation="Application / Formulario Error">
      <form>
        <TextField
          hintText="Escriba su nombre"
          errorText="Requerido"
        />
      </form>
  </PageBase>
);
};

export default FormPageError;
我该怎么办?谢谢

编辑:由于下面的评论,我编辑了代码,但仍然收到相同的警告:

您没有使用
/>
正确关闭
文本字段。你能检查一下是否能修复它吗?啊,不,我删除了这篇文章的一些文本字段(太多了),在这个例子中我忘了关闭它。无论如何,谢谢。函数组件的开头是这样的:
constformpageerror=()=>{//code在这里运行}
。您使用了
()
而不是haha,谢谢!没有注意到知道哪个组件触发了问题会有帮助。尝试首先从FormPageError返回一个div。如果这样做行得通,那么导入PageBase(如何导出?)或该组件中的某些内容就是一个问题。尝试让PageBase只包含一个简单的div。如果这样做有效,那么问题在于TextField。它进口正确吗?有时您会遇到此类问题,因为您需要使用解构导入内容:
import{PageBase}vs import PageBase
您没有使用
/>
正确关闭
TextField
。你能检查一下是否能修复它吗?啊,不,我删除了这篇文章的一些文本字段(太多了),在这个例子中我忘了关闭它。无论如何,谢谢。函数组件的开头是这样的:
constformpageerror=()=>{//code在这里运行}
。您使用了
()
而不是haha,谢谢!没有注意到知道哪个组件触发了问题会有帮助。尝试首先从FormPageError返回一个div。如果这样做行得通,那么导入PageBase(如何导出?)或该组件中的某些内容就是一个问题。尝试让PageBase只包含一个简单的div。如果这样做有效,那么问题在于TextField。它进口正确吗?有时您会遇到此类问题,因为您需要使用解构来导入内容:
import{PageBase}vs import PageBase
Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in.