Javascript 搜索组件未显示在React中的应用程序组件上

我正试图在React中的主应用程序上显示一个搜索栏。为此，我创建了一个名为searchBox的新组件，供以后使用，因此我不能直接将输入应用到app.js文件中

我的App.JS文件的代码如下所示：

import React, { Component } from 'react';
import CardList from './CardList';
import searchBox from './searchBox';
import { robots } from './robots';


const App = () => {
return (
    <div>
        <h1> Contacts </h1>
        <searchBox />
        <CardList robots={robots} />
    </div>  
)
}

export default App;

import React from 'react';

const searchBox = () => {
return(
    <input type='search' placeholder='search contacts' />
);
}

export default searchBox;

import React，{Component}来自'React'；
从“/CardList”导入卡片列表；
从“./searchBox”导入搜索框；
从“./robots”导入{robots}；
常量应用=（）=>{
返回(
联络
)
}
导出默认应用程序；

我的searchbox.js文件如下所示：

import React, { Component } from 'react';
import CardList from './CardList';
import searchBox from './searchBox';
import { robots } from './robots';


const App = () => {
return (
    <div>
        <h1> Contacts </h1>
        <searchBox />
        <CardList robots={robots} />
    </div>  
)
}

export default App;

import React from 'react';

const searchBox = () => {
return(
    <input type='search' placeholder='search contacts' />
);
}

export default searchBox;

从“React”导入React；
常量搜索框=（）=>{
返回(
);
}
导出默认搜索框；

---

标题正在显示，但搜索框未显示。我将文件作为搜索框保存在src文件夹中，因此我认为问题不在于将文件保存在错误的位置。

用户定义的组件必须大写

---

用户定义的组件必须大写

---

你能在搜索框中大写S吗？React要求组件名称以大写字母开头。

您能在搜索框中大写S吗？React要求组件名称以大写字母开头