Мне действительно очень жаль, если это глупый вопрос, но я не могу найти точное решение для моей проблемы. Я разрабатываю приложение с нуля в ReactJS. В моем приложении я привожу некоторые iframe из другого приложения. Я вызываю iframe внутри моего функционального компонента. Теперь внутри Iframe есть гиперссылка. При нажатии на эту ссылку открывается новая вкладка в браузере, которая фактически является окном другого приложения. Я пытаюсь удалить это поведение. Я хочу, чтобы веб-страница с гиперссылкой отображалась в моем приложении как Iframe, а не как окно другого приложения.
Мой код -
import React from 'react';
import styled from 'styled-components';
const StyledIframe = styled.iframe`
position: absolute;
height: 110%;
width: 98%;
border: none;
margin-top: -6.3em;
`;
const ProductsIframe = (props) => {
// The below url gives the base url of the application whose Iframes I am bringing
const baseUrl = process.env.REACT_APP_BIZONGO_ADMIN_URL_PREFIX;
return <StyledIframe
title="Products"
src={`${baseUrl}/#/cataloguing/products`} // This lines gives the exact url from where iframes are brought
/>;
};
export default ProductsIframe;
Я пытался использовать функцию onLoad внутри тега Iframe, но он не работал для меня. Может кто-нибудь подскажите, пожалуйста, как определить изменение URL-адреса с помощью щелчка по гиперссылке в iframe в существующем компоненте и отобразить его как iframe в другом компоненте.