React Model Logic Brainstorm

gistfile1.js

ChartEditor = React.createClass({
    datasetDidChange: function () {
        this.setState({
            datasets: chartioStore.get('datasets')
        });
    }
});

DatasetModel = React.createClass({
    components: [ChartEditor],

    addAttribute: function (attr) {
        var chartioStore = store.getStore();
        this.addAttribute(attr);
        chartioStore.update('datasets', this.data);
        this.didChange();
    },
    
    /**
     * Other methods that manipulate the data somehow...
     */
    
    didChange: function () {
        this.components.forEach(function (component) {
            component.datasetDidChange(this);
        });
    }
});

DatasetComponent = React.createClass({
    model: DatasetModel,
    
    addAttribute: function () {
        var attr = {...};
        this.model.addAttribute(attr);
    },
    
    render: function () {
        return (<button onClick={this.addAttribute}>Add attr</button>);
    }
});