如何在React中禁用图像

constructor(props) {
  super(props);
  this.state = {
    disabled: false
  };
}

render() {
  const { disabled } = this.state;
  return (
    <div>
      {disabled ? null : <img src="image.jpg" alt="Image" />}
      <button onClick={this.toggleDisabled}>Toggle Image</button>
    </div>
  );
}

toggleDisabled = () => {
  this.setState(prevState => ({
    disabled: !prevState.disabled
  }));
}

import React, { Component } from 'react';

class ImageComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      disabled: false
    };
  }

  toggleDisabled = () => {
    this.setState(prevState => ({
      disabled: !prevState.disabled
    }));
  }

  render() {
    const { disabled } = this.state;
    return (
      <div>
        {disabled ? null : <img src="image.jpg" alt="Image" />}
        <button onClick={this.toggleDisabled}>Toggle Image</button>
      </div>
    );
  }
}

export default ImageComponent;