Search bar in a React - Redux Thunk App

I´m trying to implement a search bar. Basically, I want the results to update as the user types. My current architecture is this:

Actions:

export function itemsHasErrored(bool) {
    return {
        type: 'ITEMS_HAS_ERRORED',
        hasErrored: bool
    };
}
export function itemsIsLoading(bool) {
    return {
        type: 'ITEMS_IS_LOADING',
        isLoading: bool
    };
}
export function itemsFetchDataSuccess(items) {
    return {
        type: 'ITEMS_FETCH_DATA_SUCCESS',
        items
    };
}

export function itemsFetchData(url) {
    return (dispatch) => {
        dispatch(itemsIsLoading(true));
        fetch(url)
            .then((response) => {
                if (!response.ok) {
                    throw Error(response.statusText);
                }
                dispatch(itemsIsLoading(false));
                return response;
            })
            .then((response) => response.json())
            .then((items) => dispatch(itemsFetchDataSuccess(items)))
            .catch(() => dispatch(itemsHasErrored(true)));
    };
}

Reducers:

export function itemsHasErrored(state = false, action) {
    switch (action.type) {
        case 'ITEMS_HAS_ERRORED':
            return action.hasErrored;
        default:
            return state;
    }
}
export function itemsIsLoading(state = false, action) {
    switch (action.type) {
        case 'ITEMS_IS_LOADING':
            return action.isLoading;
        default:
            return state;
    }
}
export function items(state = [], action) {
    switch (action.type) {
        case 'ITEMS_FETCH_DATA_SUCCESS':
            return action.items; 
        default:
            return state;
    }
}

Store:

import { createStore, applyMiddleware } from 'redux';
import thunk from 'redux-thunk';
import rootReducer from '../reducers';

export default function configureStore(initialState) {
    return createStore(
        rootReducer,
        initialState,
        applyMiddleware(thunk)
    );
}

Main component:

import React, { Component } from 'react';
import { connect } from 'react-redux';
import { itemsFetchData } from './actions/items';


const headers = ["player", "position", "team", "age" ];
class ItemList extends Component {
    componentDidMount() {
        this.props.fetchData('https://football-players-b31f2.firebaseio.com/players.json');
    }
    render() {
        if (this.props.hasErrored) {
            return <p>Sorry! There was an error loading the items</p>;
        }
        if (this.props.isLoading) {
            return <p>Loading…</p>;
        }
        return (
            <table>
            <colgroup span="4"></colgroup>
            <thead>
            <tr>                
            {headers.map((header,index) => (
                <th key={index}>
                    {header}
                </th>
            ))}</tr></thead>
            <tbody>
            {this.props.items.map((item,index) => (
                <tr key={index}>
                    <td>{item.name}</td>
                    <td>{item.position}</td>
                    <td>{item.nationality}</td>
                    <td>{item.dateOfBirth}</td>
                </tr>
            ))}
            </tbody> 
            </table>
        );
    }
}
const mapStateToProps = (state) => {
    return {
        items: state.items,
        hasErrored: state.itemsHasErrored,
        isLoading: state.itemsIsLoading
    };
};
const mapDispatchToProps = (dispatch) => {
    return {
        fetchData: (url) => dispatch(itemsFetchData(url))
    };
};
export default connect(mapStateToProps, mapDispatchToProps)(ItemList);

How could I go about implementing a search bar? Any help will be appreciated!

Well basically said, you would need an input field that onChange filters your this.props.items, which you need to turn into a variable before. Can you go on from that point?

Thanks for the reply. Should I set up that filter function in the actions and reducers scripts?

No, this would go into your ItemList component, since you already have the data and just want to filter it.