reactjs - React - 声明但从未使用过的类，但它已被使用

Question

在这里，我的 IDE 抱怨 searchBar 已声明但从未使用过。但是，我在我的模板类中使用它。此外，当我运行 react-app 时，我看不到 searchBar 类中的文本。这里发生了什么？

import React from 'react';
import ReactDOM from 'react-dom';
import Header from './header'
import Footer from './footer'

class searchBar extends React.Component {
 render() {
   return (
     <div>
       <p>search bar here</p>
     </div>
   )
 }
}


class Layout extends React.Component {
 render() {
   return (
     <div>
       <Header />
       <searchBar />
       <Footer />
     </div >
   )
 }
}

ReactDOM.render(
 <Layout />,
 document.getElementById('root')
);

标签： reactjs

Answer 1

组件必须以大写字母开头。所以你class searchBar extends React.Component {必须成为class SearchBar extends React.Component {并且你必须像这样渲染它：

<SearchBar />