我试图让搜索栏显示在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;
显示标题,但不显示搜索框。我将文件另存为src文件夹中的searchBox,所以我认为问题不在于将文件保存在错误的位置。
最佳答案
用户定义的组件必须大写。
https://reactjs.org/docs/jsx-in-depth.html#user-defined-components-must-be-capitalized
关于javascript - 搜索组件未显示在React中的应用程序组件上,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/54224005/