如何在React中设置iframe样式

import React from 'react';

const IframeComponent = () => {
  const iframeStyle = {
    width: '100%',
    height: '500px',
    border: 'none',
    backgroundColor: '#f0f0f0'
  };

  return (
    <iframe
      src="https://example.com"
      title="Example iframe"
      style={iframeStyle}
    />
  );
};

export default IframeComponent;

/* IframeStyles.module.css */
.iframeContainer {
  width: 100%;
  height: 500px;
  border: none;
  background-color: #f0f0f0;
}

import React from 'react';
import styles from './IframeStyles.module.css';

const IframeComponent = () => {
  return (
    <iframe
      src="https://example.com"
      title="Example iframe"
      className={styles.iframeContainer}
    />
  );
};

export default IframeComponent;