Создайте приложение React со ссылками, открывающимися в новой вкладке или окне

Вот несколько методов, которые вы можете использовать для создания приложения React, открывающего ссылки в новой вкладке или окне:

  1. Использование атрибута HTML target="_blank": вы можете добавить атрибут target="_blank"к своей привязке () в ваших компонентах React. Этот атрибут сообщает браузеру открыть ссылку в новой вкладке или окне. Например: Ссылка.

  2. Использование атрибута rel="noopener noreferrer": для повышения безопасности и предотвращения потенциальных уязвимостей рекомендуется добавить атрибут rel="noopener noreferrer"атрибут рядом с target="_blank". Этот атрибут помогает защититься от переключения вкладок и других угроз безопасности. Например: Ссылка.

  3. Использование библиотеки react-router-dom. Если вы используете React Router для навигации в своем приложении, вы можете добавить target="_blank"атрибут вашим компонентам . Это обеспечит открытие ссылок в новой вкладке или окне. Например: Ссылка.

    4. , чтобы открыть ссылку в новой вкладке или окне. Например:

    function handleLinkClick(url) {
window.open(url, "_blank");
}
<a href="https://example.com" onClick={() => handleLinkClick("https://example.com")}>Link</a>

Вот некоторые методы, которые вы можете использовать для создания приложения React, открывающего ссылки в новой вкладке или окне.