Код Visual Studio с React, как увидеть использование компонента или функции - PullRequest
Новая
       11

Код Visual Studio с React, как увидеть использование компонента или функции

0 голосов
/ 02 августа 2020

Просто посмотрите, кто использует компонент или функцию.

Допустим, у меня есть это в файле с именем 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

Как быстро найти все случаи использования этого меню? Может есть какой-нибудь плагин VCode?

1 Ответ

2 голосов
/ 02 августа 2020

Щелкните правой кнопкой мыши Menu и выберите «Найти все ссылки» .

введите описание изображения здесь

...