ReactJS和材质UI:组件定义缺少显示名称
我正在使用Material UI测试一些React应用程序,我有以下错误: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
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.