javascript - Component get duplicated content instead of refreshing -
i'm reviewing reactjs, following tutorial @ https://facebook.github.io/react/docs/tutorial.html , when playing example run weird behavior. problem content of 1 element (the comment) doesn't refreshed . instead duplicates new data. see working fiddle @ http://jsfiddle.net/l0xy4jqa/2/ what's wrong? code: /* html */ <script src="http://fb.me/react-js-fiddle-integration.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.2/marked.min.js"></script> <div id="content"></div> /* js */ var data = [ {author:"mr. raspa pan", color:"darkblue", text: "- content"}, {author:"mrs. pasa sa", color:"darkgreen", text: "- *other* content"}, {author:"mrs. rata tan", color:"brown", text: "- __more__ content"}, {author:"mr. aspa spa", color:"deeppink", t