reactjs - 如何使用文件对象设置状态(反应)
问题描述
我想使用'redux'设置文件对象的状态。但是,它不使用输入值设置状态。
输入标签(下)
<div>
<form>
<input
type="file"
onChange={onChange}
multiple
/>
</form>
</div>
用 action.payload 执行 reducer 的 Javascript 方法(下)
handleChange = (e) => {
const { ModalActions } = this.props;
ModalActions.imageChange({
image: e.target.files
})
}
减速机设定状态
[IMAGE_CHANGE]: (state, action) => {
console.log(action.payload.image)
return state.set('images', List(action.payload.image))
}
由于在减速器中使用了 console.log,我得到了结果(下)
而且它不使用有效负载设置状态
解决方案
推荐阅读
- php - 将联系表格数据发送到电子邮件并在同一页面上显示成功/失败消息
- reactjs - 是否必须返回 JSX 才能使函数成为 React 函数
- c# - 如何处理asp.net核心中的异常“无效文件签名”?
- node.js - PM2 和持续交付:如何判断 PM2 流程是否启动?
- maven - maven jetty 如何打包一场战争?
- android - 如何使 MaterialButton 的波纹无边框
- c - C 指针错误 -> 表达式必须是可修改的左值
- c# - 自定义 IdentityDbContext 上的 UnitofWork 也不会保存更改当前用户始终为空
- php - 如何在 CentOS 的 PHP-7.3.9 中将 libxml2 升级到 2.9.9 版本?
- azure - 如果记录大小超过一些 MB,我的要求是显示能够删除的记录/日志在 azure 中最适合使用什么存储