在React中自定义Iframe上的CSS样式

import React from 'react';

const IframeContainer = () => {
  return (
    <div className="iframe-container">
      <iframe src="https://example.com"></iframe>
    </div>
  );
};

export default IframeContainer;

.iframe-container {
  width: 100%;
  height: 500px;
  border: none;
  background-color: #f2f2f2;
  /* 添加其他自定义样式 */
}

.iframe-container iframe {
  width: 100%;
  height: 100%;
}

import React from 'react';
import IframeContainer from './IframeContainer';

const App = () => {
  return (
    <div>
      {/* 其他组件 */}
      <IframeContainer />
      {/* 其他组件 */}
    </div>
  );
};

export default App;