Ошибка типа: prevDeps не определен - PullRequest
1 голос
/ 02 апреля 2020

Я использую реагирование - 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>  
        )   
    }
}
...