var Trybutton = React.createClass({
  render: function(){
    return (
      <div  classname="btn-try" class="btn-group" role="group">
        <a  classname="try-link" class="btn btn-default bg-purple"  href="{this.props.tryurl}" target="_blank"> TRY FIRST.</a>
      </div>
    );
  }
});
var Answerbutton = React.createClass({
  render: function(){
    return (
      <div classname="btn-ans" class="btn-group" role="group">
        <a  classname="ans-link" class="btn btn-default bg-blue"  href="{this.props.ansurl}" target="_blank"> SAMPLE ANSWER.</a>
      </div>
    );
  }
});
var Rbutton =React.createClass({
  render: function(){
    return (
      <div classname="btn-r" class="btn-group btn-group-justified" role="group" aria-label="...">
        <Trybutton tryurl={this.props.tryurl}/>
        <Answerbutton ansurl={this.pros.ansurl}/>
      </div>
    );
  }
});

var makerbutton=function(urls){
  for( i=0; i<urls.length;i++){
    var tryurl="http://runnable.com/"+urls[i].try;
    var ansurl="http://runnable.com/"+urls[i].ans;
    var mybutton=<Rbutton tryurl={tryurl } ansurl={ansurl} />;
    React.render(mybutton,document.getElementById(urls[i].id));
  }
}
// var url=[{try:" ",ans:"",id:" "},...];

@@ -985,16 +985,48 @@
 i%5D.try;%0A
+    console.log(%22try:%22+tryurl);%0A
     var 
@@ -1068,16 +1068,48 @@
 i%5D.ans;%0A
+    console.log(%22ans:%22+ansurl);%0A
     var 
@@ -1237,46 +1237,5 @@
 %7D%0A%7D%0A
-// var url=%5B%7Btry:%22 %22,ans:%22%22,id:%22 %22%7D,...%5D;
 %0A

Update rbutton.js