首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何在react组件中嵌入text/html?

如何在react组件中嵌入text/html?
EN

Stack Overflow用户
提问于 2016-12-02 14:30:16
回答 1查看 5.2K关注 0票数 3

我正在尝试将text/html嵌入到react组件中。但是当我用电子运行我的应用程序时,谷歌检查员给我展示了一些错误。

Uncaught invariant.js:38不变体冲突:style支柱需要从样式属性到值的映射,而不是字符串。例如,在使用JSX时使用style={{marginRight: spacing + 'em'}}。这个DOM节点由Example呈现。

<object>解决方案:用 <webview>替换

这是我的密码

代码语言:javascript
代码运行次数:0
运行
复制
import React from 'react';
import SkyLight from 'react-skylight';

class Example extends React.Component {
  constructor(props){
    super(props);
  }

  render() {
    return (
      <div>
        <section>
          <h1>React SkyLight</h1>
          <button onClick={() => this.refs.simpleDialog.show()}>Ouvrez le modal</button>
        </section>
        <SkyLight  hideOnOverlayClicked ref="simpleDialog" title="Hi, I'm a simple modal">
          <object type="text/html" data="http://www.example.com" style="width:100%; height:100%">
            <p>backup content</p>
          </object>
        </SkyLight>
      </div>
    )
  }
}

Example.displayName = 'Example';

export default Example;
EN

回答 1

Stack Overflow用户

发布于 2016-12-02 15:16:35

试着改变这一行

代码语言:javascript
代码运行次数:0
运行
复制
<object type="text/html" data="http://www.example.com" style="width:100%; height:100%">

有了这个

代码语言:javascript
代码运行次数:0
运行
复制
    <object type="text/html" data="http://www.example.com" 
style={{width:'100%', height:'100%'}}>

样式属性需要一个json对象,有关更多详细信息,您可以检查这个链接https://facebook.github.io/react/docs/dom-elements.html#style

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40934534

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档