元素类型无效：预期为字符串和搜索输入未过滤

Question

此代码有两个问题：

第一： 代码中出现以下错误： 元素类型无效：预期为字符串（对于内置组件）或类/函数（对于复合组件），但得到：未定义。 您可能忘记了从定义文件中导出组件，或者您可能混淆了默认导入和命名导入。

检查question.choices.all()的呈现方法。

该如何解决？您可以在这里找到错误：https://codesandbox.io/s/l5k6w5rqjl

第二，位于第49行中的App内，<App/>显示为未定义。这里有什么问题？这是console.log(data.contents);在搜索时无法正确过滤的原因吗？

<FileTree/>

Answer 1

更改：

1-在directory.js文件中添加一些代码：

import React from 'react'

export const Directory = () => <div>Directry</div>;

2-您不是要从file_tree文件中导出FileTree：

export class FileTree extends React.Component {....}

3-在search_bar文件中，您两次导出相同的组件，一次是默认导出，一次是命名为export，因此在此处删除export关键字：

export class SearchEngine

Working Code.