我尝试将一个数组导入我的父组件并将该数据作为props发送给他的孩子

import Seed from './const/Seed';

export default class ProductList extends React.Component{
  render() {
    const product = Seed.products[0]
    return(
      <div>
        <Product 
        id = {product.id}
        title = {product.title}
        />
      </div>
    );
  }
}

我收到一个错误：类型错误：无法读取未定义的属性“0”

也许我没有以正确的方式格式化？或者有没有办法在不同的文件上声明一个常量？

export default class Seed extends React.Component{
  render(){
    const products  = [
      {
        id: 1,
        title: 'Yellow Pail',
      },
      {
        id: 2,
        title: 'Green Pail',
      }
    ]
    return products
  }
}

谢谢