我正在尝试在 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;
我的 searchbox.js 文件看起来像：
import React from 'react';
const searchBox = () => {
return(
<input type='search' placeholder='search contacts' />
);
}
export default searchBox;
标题正在显示，但搜索框没有显示。我将文件作为 searchBox 保存在 src 文件夹中，所以我认为问题与将文件保存在错误的位置无关。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句