在React中，尝试根据传递给url的In显示不同的图像。

npm install react-router-dom

import React from 'react';
import { BrowserRouter as Router, Route } from 'react-router-dom';
import ImageComponent from './ImageComponent';

function App() {
  return (
    <Router>
      <Route path="/image/:id" component={ImageComponent} />
    </Router>
  );
}

export default App;

import React from 'react';

function ImageComponent(props) {
  const { id } = props.match.params;

  let imageUrl = '';

  if (id === '1') {
    imageUrl = 'https://example.com/image1.jpg';
  } else if (id === '2') {
    imageUrl = 'https://example.com/image2.jpg';
  } else {
    imageUrl = 'https://example.com/default.jpg';
  }

  return <img src={imageUrl} alt="Image" />;
}

export default ImageComponent;