如何使用 useState 附加文件？

Question

我正在嘗試執行此操作，文件已附加，但不清楚如何正確！

<form action="#">
                <div className="file-field input-field ">
                    <div className="btn indigo darken-1" >
                        <span>File</span>
                        <input type="file" multiple
                               onChange={e => setLesson({title:lesson.title,description: lesson.description,files:e.target.value})}>
                            </input>
                    </div>
                    <div className="file-path-wrapper ">
                        <input className="file-path validate" type="text" placeholder="Upload one or more files" style={{color: '#FFFFFF'}}/>
                    </div>
                </div>
            </form>

這是使用狀態

    const [lesson,setLesson] = useState({
    title: '', description: '',files:{}
})

最終目標是將文件發送到服務器並具有指向它的鏈接，如何使用這種方法呢？ 也就是說，當您單擊 File 按鈕時，您可以將文件附加到 useState

Answer 1

使用e.target.files來實現您的目標。

最后但並非最不重要的一點是，您的代碼存在許多問題。

這是修復： CodeSandbox