- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>React之属性</title>
- <link rel="stylesheet" />
- <script src1="build/react.js"></script>
- <script src1="build/react-dom.js"></script>
- <script src1="https://cdnjs.cloudflare.com/ajax/libs/react/0.12.2/JSXTransformer.js"></script>
- <script src1="http://cdnjs.cloudflare.com/ajax/libs/showdown/0.3.1/showdown.min.js"></script>
- </head>
- <body>
- <div id="content"></div>
- <script src1="build/Comment.js"></script>
- <script src1="build/serverData.js"></script>
- <script src1="build/CommentList.js"></script>
- <script src1="build/CommentForm.js"></script>
- <script src1="build/CommentBox.js"></script>
- </body>
- </html>
- var converter = new Showdown.converter();
- var Comment = React.createClass({
- render: function() {
- return (
- <div className="comment">
- <h2 className="commentAuthor">
- 评论者:{this.props.author}
- </h2>
- <h3>评论内容:{converter.makeHtml(this.props.children.toString())}</h3>
- </div>
- );
- }
- });
来源: https://www.oschina.net/code/snippet_1464493_58501