从本地计算机加载图像并使用react js进行渲染

npx create-react-app my-app
cd my-app

import React from 'react';

function App() {
  return (
    <div>
      <img src="/path/to/image.jpg" alt="Image" />
    </div>
  );
}

export default App;

<img src="/images/image.jpg" alt="Image" />

<img src="/path/to/image.jpg" alt="Image" style={{ width: '100px', height: 'auto' }} />

<img src="/path/to/image.jpg" alt="Image" className="image" />

import React, { Component } from 'react';

class App extends Component {
  componentDidMount() {
    const image = new Image();
    image.src = '/path/to/image.jpg';
    image.onload = () => {
      console.log('Image loaded');
    };
  }

  render() {
    return (
      <div>
        <img src="/path/to/image.jpg" alt="Image" />
      </div>
    );
  }
}

export default App;