如何在React App中动态添加文件输入

Question

我正在尝试创建一个图片上传容器，可以在其中动态添加文件输入。

我正在努力实现这一目标

我当前的代码无法正常工作，因为如果本地状态发生变化，我将无法重新填充文件输入。我还试图与此一起使用受控工作流，这对我来说很难。谁能指出我正确的方向

我当前的代码如下

renderImageInputs = () => {
    const { images } = this.state;
    const imageInputs = [];

    for(let i = 0; i < images.length; i++){
        imageInputs.push(
            <Image value={images[i].file} imageId={`image-${i}`} image={images[i].preview} onImageChange={(e) => this.onImageClicked(e, i)}/>
        )
    }

    imageInputs.push(
        //push empty image input here
    )

    return imageInputs;
}