1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="UTF-8" />
5 <title></title>
6 <script src="react/react-0.14.7/build/react.js"></script>
7 <script src="react/react-0.14.7/build/react-dom.js"></script>
8 <script src="react/browser.min.js"></script>
9 <script type="text/ecmascript" src="app/scripts/vendor/jquery.min.js"></script>
10 <script src="app/scripts/vendor/underscore.js"></script>
11 <script src="app/scripts/vendor/backbone.js"></script>
12 </head>
13 <body>
14 <div id="example"></div>
15 <script type="text/babel">
16 var HelloMessage = React.createClass({
17 render: function() {
18 return <h1>Hello World！{this.props.name}</h1>;
19 }
20 });
21
22 ReactDOM.render(
23 <HelloMessage />,
24 document.getElementById('example')
25 );
26
27
28 var MyView = Backbone.View.extend({
29 el: 'body',
30 template: '<div class="widget-container"></div>',
31 render: function() {
32 this.$el.html(this.template);
33 var HM=React.createFactory(HelloMessage);
34 ReactDOM.render(new HM({name:'xxxxx'}), this.$('.widget-container').get(0));
35 // ReactDOM.render( HM({name:'xxxxx'}), this.$('.widget-container').get(0));
36 // ReactDOM.render(<HM name='xiaoxiao'/>), this.$('.widget-container').get(0));
37 // ReactDOM.render(<HelloMessage name='xiaoxiao'/>), this.$('.widget-container').get(0));
38 return this;
39 }
40 });
41
42 new MyView().render();
43 </script>
44 </body>
45 </html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
· Manus爆火，是硬核还是营销？
· 终于写完轮子一部分：tcp代理 了，记录一下
· 别再用vector＜bool＞了！Google高级工程师：这可能是STL最大的设计失误
· 单元测试从入门到精通