Courses

React.js + Laravel: SPA CRUD with Auth

Ordering By Columns with Font-Awesome Icons

Previous: Filtering Posts By Category Dropdown
avatar
Marcos Sousa

Amazing course!!! A note for posterity:

We can add a category_id: this.state.query.category_id, inside the query on orderChanged method to avoid the reset category when click on asc or desc icon

        this.setState(({
            query: {
                page: 1,
                category_id: this.state.query.category_id,
                order_column: column,
                order_direction: direction
            }
        }), () => this.fetchPosts());

Also inside the select of categories we can add

    <option value='all'>-- all categories --</option>

and on categoryChanged method

    categoryChanged(event) {
        const category_id = event.target.value;
        const categoryQuery = {
            query: category_id === 'all' ? { page: 1 } : { category_id, page: 1 }
        };

        this.setState(categoryQuery, () => this.fetchPosts());
    }

to list all results when choose all categories

👍 1
avatar
You can use Markdown
avatar
You can use Markdown