如何在反应中创建图像幻灯片生成器

Question

例如，参考左下方的图片显示用户输入，右栏显示第一张幻灯片预览，一旦点击添加新的，当前预览幻灯片应保存数组增量ID中的状态，并添加更多幻灯片。使用选择选项切换每个幻灯片状态预览并更新。如果单击“保存所有”按钮，它将作为所有幻灯片的对象返回。

images:[
 slide1:{
  id: 1,
  image_url:'www.example.com'
 },
 slide2:{
  id: 2,
  image_url:'www.example.com'
 }
]