Réagir JS: Explication de cette.accessoires de jeu.éléments.élément de la carte

Je suis à l'aide de Réagir JS pour le Rendu du contenu HTML. Le problème est que je ne suis pas en mesure de comprendre en particulier la section de code de ce qu'il fait.

Si vous pouvez voir un échantillon de base de la Liste des choses à faire à partir du lien ci-dessous
http://facebook.github.io/react/

<script type='text/jsx'>
/** @jsx React.DOM */ 
var TodoList = React.createClass({
render: function(){ 
var createItem = function(itemText) {
return <li>{itemText}</li>;
};
return <ul>{this.props.items.map(createItem)}</ul>;
}
});
var TodoApp = React.createClass({
getInitialState: function(){
return {items:[], text: ''}
},
onChange: function(e)
{
this.setState({text: e.target.value});
},
handleSubmit: function(e)
{
e.preventDefault();
var nextItems = this.state.items.concat([this.state.text]);
var nextText = ''
this.setState({items: nextItems, text: nextText});
},
render:function(){
return (
<div>
<h3>ToDo List</h3>
<TodoList items={this.state.items}/>
<form onSubmit={this.handleSubmit}>
<input type="text" onChange={this.onChange} value={this.state.text}/>
<button>Add #{this.state.items.length+1}</button>
</form> 
</div>
)
}
});
React.render(<TodoApp />, document.getElementById('toDoListApp'));
</script>

Je suis fondamentalement pas en mesure de comprendre ce carte et comment créer un élément paramètres de travail. Quelqu'un pourrait-il fournir des précisions sur le même:

var TodoList = React.createClass({
render: function(){ 
var createItem = function(itemText) {
return <li>{itemText}</li>;
};
return <ul>{this.props.items.map(createItem)}</ul>;
}
});

Grâce,
Ankit

OriginalL'auteur Ankit Tanna | 2015-03-05