var Test = React.createClass({
    getInitialState: function(){
        return{
            data: [
                ['name1', 10],
                ['name2', 20],
                ['name3', 15]
            ]
        }
    },
    render: function(){
        return(
            <MakePOS data={this.state.data} />
        );
    }
});


var MakePOS = React.createClass({
    render: function(){
        var POS = this.props.data.map(function(i){
        console.log(i[0]+' '+i[1]+' kg');
            return <button>{i[0]}</button>;
        });
        return(<div className="testDiv">{POS}</div>);
    }
});
React.render(<Test />, document.getElementById('foodApp'));