Блог

Главная - Вопросы по программированию - Реагируйте, как перейти по внешней ссылке

Реагируйте, как перейти по внешней ссылке

#reactjs

Вопрос:

Я новичок в том, чтобы реагировать. У меня есть следующий код: const CompanyCard = ({имя, адрес, почтовый индекс, адрес компании}: компания) => { const handleViewEmployees = (имя: строка) =>> { console.log(имя); }

 const openInNewTab = (url: string) => {
    const newWindow = window.open(url, '_blank', 'noopener,noreferrer')
    if (newWindow) newWindow.opener = null
}

return (
    <>
    <td>{name}</td>
    <td>{address}</td>
    <td>{postcode}</td>
    <td><a href="#" onClick={() => openInNewTab(companyUrl)}>{companyUrl}</a></td>
    <td><button onClick={() => handleViewEmployees(name)}>View Employees</button></td>
    </>
)

}

экспортная карточка компании по умолчанию;

Я хочу открыть URL-адрес компании в новой вкладке. т. е. URL-адрес ‘www.google.com». в настоящее время он открывается в предварительном порядке localhost:3000/www.google.com

Ответ №1:

 const openInNewTab = (url: string, shouldOpenNewTab: boolean = true) =>
shouldOpenNewTab ? window.open(url, "_blank") : window.location.href = url;

Попробуйте это

Ответ №2:

Вы должны добавить протокол в URL-адрес. Поэтому добавьте либо https:// или http:// в начале вашего URL-адреса.

 window.open(`https://${url}`, '_blank', 'noopener,noreferrer')
Метки: ,