Question

我在react-iframe中遇到此错误。我应该如何解决？

版本：反应@ 16.13.1 react-iframe@1.8.0 （请让我知道是否需要添加更多详细信息）

  import Iframe from 'react-iframe
  import React, { Component } from "react";

  class TableList extends Component {
  render{
  return(
  <div>
    <Iframe url="some url"
    width="100%"
    height="1000"
    id="myId"
    // className="embed-responsive-item"
    display="initial"
    position="relative"
    X-Frame-Options="deny"
    />

  </div>
)
}
}
export default TableList;

`

Answer 1

因此不确定是否是复制/粘贴错误，但必须在两个引号之间定义所有导入：

  import Iframe from 'react-iframe'

Answer 2

  import Iframe from 'react-iframe';
  import React, { Component } from "react";

  class TableList extends React.Component {
    render() {
    return(
      <div>
        <Iframe url="some URL"
          width="100%"
          height="1000"
          id="myId"
          // className="embed-responsive-item"
          display="initial"
          position="relative"
          X-Frame-Options="deny"
        />
     </div>
   )
  }
}
export default TableList;

尝试一下。您会忘记iframe导入中的单引号和render方法中的括号。 render是一种方法，因此，它应该在我的朋友中间带有（）括号。

希望它会为您提供帮助。祝您编码愉快！

未捕获的SyntaxError无法在模块外部使用import语句

2 个答案: