var Forms = React.createClass({
render : function(){
var node = this.props.data.map(function(i){
return ();
})
return (
{node}
);
}
})
var ButtonBox = React.createClass({
render:function(){
return (
);
}
})
var Wrapper = React.createClass({
render:function(){
return (
);
}
})
var CheckBox = React.createClass({
componentWillMount:function(){
this.pubsub_true = PubSub.subscribe('true', function(topic, product) {
this.setTrue();
}.bind(this));
this.pubsub_false = PubSub.subscribe('false', function(topic, product) {
this.setFalse();
}.bind(this));
this.pubsub_all = PubSub.subscribe('all', function(topic, product) {
this.handleChange();
}.bind(this));
},
componentWillUnmount: function() {
PubSub.unsubscribe(this.pubsub_true);
PubSub.unsubscribe(this.pubsub_false);
PubSub.unsubscribe(this.pubsub_all);
},
getInitialState: function() {
return {
checked: this.props.checked
};
},
render : function(){
return (
);
},
setTrue : function(){
this.setState({
checked: true
});
},
setFalse :function(){
this.setState({
checked: false
});
},
handleChange: function(){
var state = this.state.checked;
state = state ? false : true;
this.setState({
checked: state
});
}
})
var ButtonA = React.createClass({
handleChange: function(){
PubSub.publish('true');
},
render : function(){
return ();
}
})
var ButtonB = React.createClass({
handleChange: function(){
PubSub.publish('all');
},
render : function(){
return ();
}
})
var ButtonC = React.createClass({
handleChange: function(){
PubSub.publish('false');
},
render : function(){
return ();
}
})
var formData = [
{c:false},
{c:false},
{c:false},
{c:true},
{c:true}
]
React.render(
,
document.body
);