Flex - 将参数发送到自定义ItemRenderer？

<ul class="flex-container">
  <li class="flex-item">Item 1</li>
  <li class="flex-item">Item 2</li>
  <li class="flex-item">Item 3</li>
</ul>

.flex-container {
  display: flex;
  flex-wrap: wrap;
}

.flex-item {
  flex: 1;
}

class CustomItemRenderer extends React.Component {
  render() {
    const { item } = this.props;
    return (
      <div className="custom-item-renderer">
        <img src={item.image} alt={item.name} />
        <h3>{item.name}</h3>
        <p>{item.description}</p>
      </div>
    );
  }
}

<ul class="flex-container">
  <li class="flex-item">
   <CustomItemRenderer item={item1} />
  </li>
  <li class="flex-item">
   <CustomItemRenderer item={item2} />
  </li>
  <li class="flex-item">
   <CustomItemRenderer item={item3} />
  </li>
</ul>