Javascript 如何根据React中的数据在textbox上附加和分离日历或虚拟键盘

我正在使用react和flux，根据我的数据更新我的商店后，react应附上日历或时间选择器或numpad等

data.map(function(mydata, index) {
 if(mydata === 'Integer'){
     var inputBox = (<input className="center-block" type="text" onClick={attachNumpad.bind(this, 'checklist_field'+index1+ "-" + index)} />)
 }else if(mydata =='Date'){
     var inputBox = (<input className="center-block" type="text" onClick={attachCalendar.bind(this, 'checklist_field'+index1+ "-" + index)} />)
 }else if(mydata == 'String'){
     var inputBox = (<input className="center-block" type="text" onClick={attachKeybaord.bind(this, 'checklist_field'+index1+ "-" + index)} />)
 }
})();

react不是第一次更新它连接键盘，如果我更改数据，它不会连接numpad 请帮忙

function attachDateTime(id, toggleTime){   
   $('#'+id).datetimepicker({timepicker:toggleTime}).datetimepicker("show");  
}
function attachKeybaord(id, toggleTime){   
   $('#'+id).keyboard();  
}