如何在react中创建动态元素？

import React, { Component } from 'react';

class DynamicList extends Component {
  constructor(props) {
    super(props);
    this.state = {
      items: ['Item 1', 'Item 2', 'Item 3']
    };
  }

  render() {
    return (
      <ul>
        {this.state.items.map((item, index) => (
          <li key={index}>{item}</li>
        ))}
      </ul>
    );
  }
}

export default DynamicList;

import React from 'react';

function DynamicList(props) {
  return (
    <ul>
      {props.items.map((item, index) => (
        <li key={index}>{item}</li>
      ))}
    </ul>
  );
}

export default DynamicList;

{this.state.items.map((item, index) => (
  <li key={item.id}>{item.name}</li>
))}

this.setState({ items: [...this.state.items, newItem] });