untitled.html

const CompactOrder = (props) => (
        <section class="order" onclick={() => props.select(props.item) }>
            <p>{props.item.name}</p>
        </section>
)


class OrderList {
    _constructor () {
        this.state = {
            orders: [
                {id: 1, name: "A pencil"},
                {id: 2, name: "A pen"},
            ]
        }
    },
    setCurrentItem(newItem) {
      this.updateState({currentlySelectedItem: item})
    },
    render () {
        let currentlySelectedItem = null
        if (this.state.currentlySelectedItem)
            currentlySelectedItem = <Order item={this.state.currentlySelectedItem} />

        return (
            <article>
                currentlySelectedItem
                <ul>
                    {this.state.orders.map ((item) =>
                        <li><CompactOrder item={item} select={this.setCurrentItem.bind(this)}/></li>
                    )}
                </ul>
            </article>

        )
    }
}