gpt4 book ai didi

reactjs - React.js iframe 源代码

转载 作者:行者123 更新时间:2023-12-04 03:11:17 28 4
gpt4 key购买 nike

索引.js

import React from 'react';
import ReactDOM from 'react-dom';

class App extends React.Component {
render() {
return (
<div>
<h1>Outside iFrame</h1>
<iframe title="myiframe" src="./target.html" width="600px" height="400px"></iframe>
</div>
)
}
}

ReactDOM.render(<App />, document.getElementById('root'));

index.html

<div id="root"></div>

目标.html

<html>

<head></head>

<body>
<h1>Inside IFrame</h1>
</body>

</html>

问题是这样的:

enter image description here

代码有什么问题?

最佳答案

您遇到此问题是因为相对 URL src="./target.html" 不正确。为确保您使用的是正确的网址,请分别检查为 index.html 和 target.html 生成的网址。还要确保您没有输入错误。

我试过运行你的代码,如果你的 target.html 和 index.html url 如下所示,它工作正常:

target.html

index.html

我也可以重现您的问题,如果我在代码中出现拼写错误,例如 src="./typoerror.html" ,

Typo error case

关于reactjs - React.js iframe 源代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45135861/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com