<commit_before>import React from 'react';

class App extends React.Component{
	constructor(){
		super();
		this.state = {
			data: [
				{
				'id': 1,
				'name': '<NAME>',
				'age': '20' 
				},{
					'id': 2,
					'name': 'Zulkifli',
					'age': '20'
				},{
					'id': 3,
					'name': 'Ganjar',
					'age': '20'
				}]
		}
	}
	render(){
		return(
		<div>
			<Header/>
			<table>
			<tbody>
				{this.state.data.map((person,i) => <TableRow key = {i} data = {person}/>)}
			</tbody>
			</table>
		</div>
		);
	}
}
class Header extends React.Component{
	render(){
		return (
			<div>
			<h1>Header</h1>
			</div>
		);
	}
}

class TableRow extends React.Component{
	render(){
		return(
			<tr>
				<td>{this.props.data.id}</td>
				<td>{this.props.data.name}</td>
				<td>{this.props.data.age}</td>
			</tr>
		);
	}
}
export default App;<commit_msg>react state example<commit_after>import React from 'react';

class App extends React.Component{
	constructor(props){
		super(props);
		this.state={
			header: 'header this state....',
			'content': 'Content from state'
		}
	}
	render(){
		return(
			<div>
				<h1>{this.state.header}</h1>
				<h2>{this.state.content}</h2>
			</div>
		);
	}
}
export default App;
{'fraction_non_alphanumeric': 0.20957095709570958, 'fraction_numerical': 0.012376237623762377, 'mean_word_length': 2.578171091445428, 'pattern_counts': {'":': 0, '<': 30, '<?xml version=': 0, '>': 31, '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': '7157394', 'n_tokens_mistral': 596, 'n_tokens_neox': 479, 'n_words': 97}