使用Typescript从React中的assets文件夹导入图像

直接图像导入正在工作,但对象类型不起作用。 为什么会发生这种情况? 我使用的是“react”:“^16.12.0”,“typescript”:“~3.7.2”

// ./src/assets/babys/Babyimages.tsx

const BabyImages = [
  { img: '../assets/babys/1.png', age: 1, name: 'name1' },
  { img: '../assets/babys/2.png', age: 1, name: 'name2' },
  ...
];
export default BabyImages;


// ./src/component/Home.tsx
    ...
    import BabyImages from '../assets/babys/BabyImages';
    import SampleImage from '../assets/babys/1.png';   // this direct image importing is working
    ...

    const tileData = BabyImages.map(data => {
      return { img: data.img, age: data.age, name: data.name };
    });

    export default function TestFunction() {
     ...

    return (
    ...
      <img src={SampleImage} alt="" />     // <----- so,this is working!!
            {tileData.map(tile => (     //<------ but it's not working!
        <img src={tile.img} alt={tile.name} />
        <GridListTileBar
          title={tile.age}
          subtitle={<span>baby: {tile.name}</span>}
        />
    ...
    ))}
  );