1

I have created a react-vr application and I want to integrate the vr app in a react website. As recommended I used a iframe to integrate the react-vr app in my website. As the following code depicts:

export class LabyrinthPage extends React.Component {

    render() {
        return (
            <iframe
                src={"./src/Labyrinth/build/index.html"}
                style={{
                    position: 'fixed',
                    margin: 0,
                    padding: 0,
                    height:'100%',
                    width:'100%',
                    border:'none',
                }}
            />
        );
    }
}

Now I have a button in my react-vr application to go back to "/". But how to not open the webiste inside the iframe?

The button click should look somehow like?:

              onBottonPress={() => {
                  Linking.openURL("/");
              }}

So I want to call "/" of my website from the react-vr application and open the link in the website that contains the iframe (not in the iframe). I tried to add <base target="_parent"/> in the header of my website but there was no effect.

Thanks for help

luki
  • 31
  • 4

0 Answers0