reactjs - 类型错误：prevDeps 未定义

Question

我正在使用 react-bootstrap 制作一个反应应用程序，它工作正常我目前正在制作导航栏，但是当我点击导航栏上的下拉菜单时，它只会给我这个奇怪的错误。

TypeError: prevDeps is undefined
areHookInputsEqual

我的导航栏组件还有 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>  
        )   
    }
}

标签： reactjsreact-bootstrapreact-dom