react js迭代组件属性中的数组

const MyComponent = (props) => {
  const items = props.arrayProp.map((item) => {
    return <li key={item.id}>{item.name}</li>;
  });
  
  return (
    <ul>
      {items}
    </ul>
  );
}

class MyComponent extends React.Component {
  render() {
    const items = [];
    for (let i = 0; i < this.props.arrayProp.length; i++) {
      const item = this.props.arrayProp[i];
      items.push(<li key={item.id}>{item.name}</li>);
    }
    
    return (
      <ul>
        {items}
      </ul>
    );
  }
}