如何在React中设置iframe样式

import React from 'react';

class MyComponent extends React.Component {
  render() {
    return (
      <div>
        <iframe id="myIframe" src="https://example.com"></iframe>
      </div>
    );
  }
}

export default MyComponent;

import React from 'react';

class MyComponent extends React.Component {
  componentDidMount() {
    const iframe = document.getElementById('myIframe');
    iframe.style.width = '100%';
    iframe.style.height = '500px';
    iframe.style.border = 'none';
    // 其他样式设置...
  }

  render() {
    return (
      <div>
        <iframe id="myIframe" src="https://example.com"></iframe>
      </div>
    );
  }
}

export default MyComponent;

import React from 'react';

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      iframeWidth: '100%',
      iframeHeight: '500px',
    };
  }

  componentDidMount() {
    const iframe = document.getElementById('myIframe');
    iframe.style.width = this.state.iframeWidth;
    iframe.style.height = this.state.iframeHeight;
    iframe.style.border = 'none';
    // 其他样式设置...
  }

  render() {
    return (
      <div>
        <iframe id="myIframe" src="https://example.com"></iframe>
      </div>
    );
  }
}

export default MyComponent;