如何使用 useState 附加文件？

如何解决如何使用 useState 附加文件？

我正在尝试附加文件，但不清楚如何正确！

<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>

这是useState

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

最终目标是将文件发送到服务器并有一个链接，这种方式怎么做？ 也就是说，当你点击 File 按钮时，你可以将文件附加到 useState

解决方法

使用 e.target.files 来实现您的目标。

最后但并非最不重要的是，您的代码存在很多问题。

这是修复：CodeSandbox