如何解决如何将道具插入字符串以用作 iframe 调用
我正在尝试将 twitch 流嵌入到 React 应用程序中,并且正在努力弄清楚如何让道具在 iFrame 调用中工作。
在我的 app.js 中,我有一个调用,例如,
<Stream name="streamname" />
在 stream.js 中,
<iframe
src={"https://player.twitch.tv/?channel=" + { ... this.props } + "&parent=localhost"}
height="540"
width="960"
allowFullScreen={false}
frameBorder="0" >
</iframe>
当 src 设置为 "https://player.twitch.tv/?channel=channelname&parent=localhost"
时,一切正常。只是当我尝试添加道具时,事情就变得一团糟。
例如创建的嵌入链接是 https://www.twitch.tv/[object%20Object]/
解决方法
科林你的问题不太清楚你想达到什么目的,拜托 您可以使用模板文字,这是组合字符串和变量的更好方法 源={
`https://player.twitch.tv/?channel= ${ this.props.name }&parent=localhost`
} this.props 你正在传播什么
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。