如何使用 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>

这里是useState

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

最终目的是将文件发送到服务器，并给它一个link，这个方法怎么做？也就是说，当您单击“文件”按钮时，您可以将文件附加到 useState

Answer 1

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

最后但同样重要的是，你的代码有很多问题。

这里是修正：CodeSandbox

如何使用 useState 附加文件？

How do I use useState to attach files?

javascript

reactjs

mern

use-state