Я использую реагирование - bootstrap, чтобы создать приложение реагирования, оно работает нормально. В настоящее время я делаю навигационную панель, но когда я нажимаю на выпадающее меню на моей навигационной панели, это просто выдает мне эту странную ошибку.
TypeError: prevDeps is undefined
areHookInputsEqual
Мой компонент панели навигации enet имеет еще 2 дочерних компонента. Раскрывающийся список уведомлений и панель поиска
Вот мой компонент поиска
import Form from 'react-bootstrap/Form'
import Button from 'react-bootstrap/Button'
import FormControl from 'react-bootstrap/FormControl'
class Search extends Component{
render(){
return (
<Form inline>
<FormControl type="text" placeholder="Search" className="mr-sm-2" />
<Button variant="outline-danger">Search</Button>
</Form>
)
}
}
Вот мой компонент уведомлений, который имеет раскрывающийся список
import React,{Component} from "react";
import NavDropdown from 'react-bootstrap/NavDropdown'
class Notification extends Component{
render(){
return (
<NavDropdown id="collasible-nav-dropdown">
<NavDropdown.Item href="#action/3.1">Action</NavDropdown.Item>
</NavDropdown>
)
}
}
А вот родительский компонент Header
import Navbar from 'react-bootstrap/Navbar'
import Nav from 'react-bootstrap/Nav'
class Header extends Component{
render(){
return (
<Navbar bg="light" expand="lg">
<Navbar.Brand href="#home">Dora</Navbar.Brand>
<Navbar.Toggle aria-controls="basic-navbar-nav" />
<Navbar.Collapse id="basic-navbar-nav">
<Nav className="mr-auto">
<Search/>
</Nav>
<Notification/>
</Navbar.Collapse>
</Navbar>
)
}
}