我无法正确存储由回形针宝石上传的图像的状态。这是我的文件输入格式:
<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在我的组件中正确处理这个问题。
任何帮助表示赞赏!