spring mvc+redux-api 实现RESTFul接口

spring mvc

@PostMapping("/categories")
public List save(@RequestBody Category category) {
    categoryService.save(piece);
    return queryList();
}

@GetMapping("/categories")
public List queryList() {
    return categoryService.queryList();
}

@DeleteMapping("/categories/{id}")
public List delete(@PathVariable int id) {
    categoryService.delete(id);
    return queryList();
}

redux-api

export default reduxApi({
    categories: {
        url: '/categories',
        transformer: transformers.array,
        crud: true
    },
    categoryDetail: {
        url: '/categories/:id',
        transformer: transformers.array,
        crud: true,
        reducerName: 'categories'
    }
}).use('fetch', adapterFetch);

这样增删改查之后就能使用同一个对象"categories"

import rest from 'rest'

class CategoryList extends React.Component {
    constructor(porps) {
        super(props)
    }

    componentDidMount() {
        this.props.dispatch(rest.categories.get())
    }
    
    render() {
        const {categories} = this.props
        if (categories.isLoading) {
            return 
loading...
        }
        return (
            

                {categories.data.map((item)=>
                    

                        item.name
                        {
                            this.props.dispatch(rest.categories.delete({id:item.id}))
                        }}>X
                    
                )}
            
        )
    }
}

export default connect((state)=> {
    const {categories} = state
    return {categories}
}, CategoryList)