<commit_before>import React, { Component } from 'react';

class SearchBar extends Component {
    render() {
        return <input />;
    }
}

export default SearchBar;
<commit_msg>create a function to handle change event for input<commit_after>import React, {Component} from 'react';

class SearchBar extends Component {
    render() {
        return <input onChange={this.handleInputChange}/>;
    }

    handleInputChange(event) {
        console.log(event.target.value);
    }
}

export default SearchBar;

{'fraction_non_alphanumeric': 0.10567514677103718, 'fraction_numerical': 0.0, 'mean_word_length': 3.491228070175439, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2825090', 'n_tokens_mistral': 144, 'n_tokens_neox': 143, 'n_words': 41}