iframe预览

最新推荐文章于 2023-07-04 10:49:39 发布

Amelie4444

最新推荐文章于 2023-07-04 10:49:39 发布

阅读量178

点赞数

文章标签： javascript 前端 react.js

本文链接：https://blog.csdn.net/Amelie4444/article/details/127284147

版权

import React from 'react';
import './style.scss';

interface IframeProps {
  item: {
    title: string;
    url: string;
  };
  Design: any;
  [k: string]: any;
}

function Iframe(props: IframeProps) {
  const {
    item: { title, url },
    Design,
  } = props;
  // 如果配置的有url则使用配置，否则实用接口中获取到url
  const iframeSrc = url || Design.policyListUrl;
  return <div className="com-iframe">{iframeSrc && <iframe title={title} src={iframeSrc} />}</div>;
}

export default {
  type: 'iframe',
  View: Iframe,
};