(Rails API后端+ React / Redux)使用paperclip gem上传图像

时间:2017-07-30 20:37:09

标签: ruby-on-rails paperclip react-redux

我无法正确存储由回形针宝石上传的图像的状态。这是我的文件输入格式:

   <input type="file" 
          name="image"
          onChange={event => this.handleFileUpload(event)}
          value={this.state.value}
    />

这是我的mapStateToProps函数:

function mapStateToProps(state) {
if (state.fileReducer.length > 0) {
    return {
        memes: state.fileReducer
    }
} else {
    return {
        memes: [{top: '', bottom: '', image: ''}]
    }
  }
 }

这是我的创建动作:

const createMeme = (meme) => {
return function(dispatch) {
    return Api.createMeme(meme).then(response => {
        dispatch(createMemesSuccess(response));
        return response;
    })
}

}

这是我的减速机:

export default function fileReducer(state=[], action) {
switch(action.type) {
    case "LOAD_MEMES_SUCCESS": 
        return action.memes
    default:
        return state
}

}

当我在rails控制台中创建一个新的Meme时,它会返回与 image (image_file_name等)一起出现的所有其他属性

我只是不了解如何使用react和redux在我的组件中正确处理这个问题。

任何帮助表示赞赏!

0 个答案:

没有答案