我把你的沙箱换了一点
我试着在照片里找到图像 colors 对象这意味着 image 不再需要汽车/摩托车的特性。

<CarInfo
                    key={item.id}
                    image={
                      item.car.colors[item.car["selected"].toLowerCase()]
                        ? item.car.colors[
                            item.car["selected"].toLowerCase()
                          ].image
                        : null
                    }
                    name={item.car.name}
                    color={item.car["selected"]}
                  />

和

<MotocycleInfo
                    key={item.id}
                    image={
                      item.motocycle.colors[
                        item.motocycle["selected"].toLowerCase()
                      ]
                        ? item.motocycle.colors[
                            item.motocycle["selected"].toLowerCase()
                          ].image
                        : null
                    }
                    name={item.motocycle.name}
                    color={item.motocycle["selected"]}
                  />

沙箱
如果您需要在默认情况下显示第一幅图像，则可以缩短代码，以便

image={
              item.car.colors[
                item.car["selected"]
                  ? item.car["selected"].toLowerCase()
                  : 0
              ].image
            }

只需替换handlecolorcar（）方法中单行下面的内容。

// Your code   
 changedItem.motocycle.image = e.target.value;

 // Working code
 changedItem.car.image = selectedData.car.colors[e.target.value.toLowerCase()].image;