带有 React 的 Visual Studio Code 如何查看 Component 或 Function 的用法

Question

Simply see who is using a Component or Function.

Let's say I have this in the file called Menu.js:

const Menu = () => {
    return (
        <>
            <div className="logo-container">
                <SVG className="brand-logo" src={photoLogo}/>
            </div>
            <nav className="nav-wrapper">
                <ul className="menu-links-group">
                    <li className="menu-link"><NavLink exact activeClassName="activeLink" to="/">Home</NavLink></li>
                    <li className="menu-link"><NavLink exact activeClassName="activeLink" to="/about">About Greta</NavLink></li>
                    <li className="menu-link"><NavLink exact activeClassName="activeLink" to="/portfolio">FFF</NavLink></li>
                    <li className="menu-link"><NavLink exact activeClassName="activeLink" to="/contact">Contact</NavLink></li>
                </ul>
            </nav>
            <div className="media-container">
                <a href="#"><FontAwesomeIcon icon={faInstagram} className="font-awesome-icon" ></FontAwesomeIcon></a>
                <a href="#"><FontAwesomeIcon icon={faLinkedin} className="font-awesome-icon" ></FontAwesomeIcon></a>
                <a href="#"><FontAwesomeIcon icon={faFacebook} className="font-awesome-icon" ></FontAwesomeIcon></a>
            </div>
        </>
    )
}
export default Menu

How do I quickly find all usages of this Menu? Maybe there is some VCode plugin?

Answer 1

Right click on Menu and select "Find All References" .