Javascript 显示加载条，直到获取

我试图显示加载条，直到它被取出。因此，我选择使用材质UI加载栏。我创建此方法是为了显示加载栏renderProgressBar。 但当我试图渲染它时，出现了以下错误：

invariant.js:42未捕获不变冲突：元素类型为
无效：应为字符串（用于内置组件）或
类/函数（用于复合组件），但得到：未定义。你
可能忘记了从定义组件的文件中导出组件，
或者您可能混淆了默认导入和命名导入。

我尝试在控制台中调试，但没有任何帮助。 您能告诉我如何使用下面的代码片段修复它吗

renderProgressBar=（）=>{
console.log(
'store.getState（）.fetchingMessage-->'，
store.getState（）.fetchingMessage
);
if（store.getState（）.fetchingMessage）{
console.log(
'如果rstore.getState（）.fetchingMessage-->'内部，
store.getState（）.fetchingMessage
);
返回(
);
}
};

未正确导入LinearProgress，这就是为什么会出现不变冲突

如下文所述：

您要使用以下导入之一：

import LinearProgress from '@material-ui/core/LinearProgress';
// or
import { LinearProgress } from '@material-ui/core';

---

您似乎已经从“@materialui/core/LinearProgress”导入了{LinearProgress}”不会返回undefined，因为它不会在core文件夹下导出名为LinearProgress的命名模块

LinearProgress未正确导入，这就是为什么会出现不变冲突

如下文所述：

您要使用以下导入之一：

import LinearProgress from '@material-ui/core/LinearProgress';
// or
import { LinearProgress } from '@material-ui/core';

---

您似乎已经从“@materialui/core/LinearProgress”导入了{LinearProgress}”不会返回undefined，因为它不会在core文件夹下导出名为LinearProgress的命名模块

Hey@zf我对您的代码沙盒进行了一些重构，发现主要有两个问题：

• 第一个是，正如我们前面所说的，您以错误的方式导入了LinearProgress
• 我发现的另一个问题是，react和reactDOM的版本不匹配

然后，我刚刚添加了获取类别和样式的调用，在这里，您可以查看codesandbox并自由提问：

---

记住，当你陷入困境时，请阅读文档，这是解决问题的主要流程

Hey@zf我对您的代码沙盒进行了一些重构，发现主要有两个问题：

• 第一个是，正如我们前面所说的，您以错误的方式导入了LinearProgress
• 我发现的另一个问题是，react和reactDOM的版本不匹配

然后，我刚刚添加了获取类别和样式的调用，在这里，您可以查看codesandbox并自由提问：

---

记住，当你陷入困境时，请阅读文档，这是解决问题的主要流程

如果if语句的计算结果为

false

LinearProgress，则不会返回任何内容？看起来这可能就是问题所在，正如@chautelly所说，如果您的语句正在重新调整未定义的语句，正如其他人所提到的，您的LinearProgress似乎没有正确导入。如果if语句的计算结果为

false

LinearProgress，则不会返回任何内容？看起来这可能就是问题所在，正如@chautelly所说，如果您的语句正在重新调整未定义的语句，正如其他人所提到的，您的LinearProgress似乎没有正确导入。嘿，你能给出代码注释吗，这很难理解：（我在ProgressBar组件上添加了一些注释，说明代码中发生了更改，另一个问题只是更新了你的reactDOM模块，这与16.10的react库不同。嘿，你能给出代码注释吗，很难理解：（我在ProgressBar组件上添加了一些注释，您的代码中发生了更改，另一个问题只是更新了您的reactDOM模块，这与16.10的react库不同。嘿，您能给出代码注释吗，很难理解：（嘿，您能给出代码注释吗，很难理解：(