logo

该视频仅会员有权观看

立即开通课程「React.js 前端应用开发实践」权限。

¥
199
/ 年
  • 使用file类型的input元素允许用户选择文件。
  • 在组件状态中需准备一个file list以保存用户选择的文件对象。
  • 设置file list的初始值,并修改onChange方法以解构event参数,获取用户通过file input选择的文件列表。
  • event对象是form类型,而元素是HTMLInputElement。
  • 更新组件状态时,设定file list的值为用户选择的files。
  • 组件中添加一个file类型的input元素,可设置为默认选择单文件或通过multiple属性允许多文件选择。
  • 绑定onChange事件来处理文件选择变化。
  • 在render方法中输出状态到控制台以检查,并在浏览器中测试文件选择功能。