React Autocomplete Component (without Render Props)

autocomplete.js

class Autocomplete extends React.Component {
    constructor(props) {
        super(props)

        this.state = {
            results: props.options
        }
    }

    searchList(event) {
        const results = this.props.options
            .filter(option => option.toLowerCase().includes(event.target.value.toLowerCase()))
        this.setState({ results })
    }

    render () {
        return (
            <div className="autocomplete">
                <input
                    type="text"
                    placeholder="Type to search list"
                    onChange={searchList}
                />
                <div className="autocomplete-dropdown">
                    <ul className="autocomplete-search-results">
                        {this.state.results.map(option => (
                            <li class="autocomplete-search-result">{option}</li>
                        ))}
                    </ul>
                </div>
            </div>
        )
    }
}