如何在React中以DOM元素列表为目标

import React from 'react';

function DOMList({ elements }) {
  return (
    <ul>
      {elements.map((element, index) => (
        <li key={index}>{element}</li>
      ))}
    </ul>
  );
}

export default DOMList;

import React, { Component } from 'react';

class DOMList extends Component {
  render() {
    const { elements } = this.props;
    return (
      <ul>
        {elements.map((element, index) => (
          <li key={index}>{element}</li>
        ))}
      </ul>
    );
  }
}

export default DOMList;

import React from 'react';
import DOMList from './DOMList';

function App() {
  const elements = ['Element 1', 'Element 2', 'Element 3'];

  return (
    <div>
      <h1>DOM Element List</h1>
      <DOMList elements={elements} />
    </div>
  );
}

export default App;