Как добавить прослушиватель событий клика в Nav.Link в React Bootstrap?

Question

return (

            <Navbar bg="dark" variant="dark">
                <Navbar.Brand href="/">Instagram</Navbar.Brand>
                <Nav className="mr-auto">
                    <Nav.Link href="/">main</Nav.Link>
                    <Nav.Link><a onClick={logoutHandler}>logout</a></Nav.Link>
                </Nav>
                <Form inline>
                    <FormControl type="text" placeholder="Search" className="mr-sm-2" />
                    <Button variant="outline-info">Search</Button>
                </Form>
            </Navbar>
        )

Я хочу добавить событие onclick на . как я делаю в своем коде .. но это не сработало. Как мне это сделать?

Answer 1

Глядя на документы, я думаю, вы могли бы использовать onSelect: https://react-bootstrap.github.io/components/navs/#nav -link-props

return (
    <Navbar bg="dark" variant="dark">
            <Navbar.Brand href="/">Instagram</Navbar.Brand>
            <Nav className="mr-auto">
                <Nav.Link href="/">main</Nav.Link>
                <Nav.Link onSelect={logoutHandler}>logout</Nav.Link>
            </Nav>
            <Form inline>
                <FormControl type="text" placeholder="Search" className="mr-sm-2" />
                <Button variant="outline-info">Search</Button>
            </Form>
        </Navbar>
    );