首页 > 解决方案 > 如何使用文件对象设置状态(反应)

问题描述

我想使用'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,我得到了结果(下)

控制台日志结果

而且它不使用有效负载设置状态

状态结果

标签: reactjsreduxstate

解决方案


推荐阅读