React 组件
2015-08-20 11:12
573 查看
html:
上述
<!DOCTYPE html> <html> <head> <script src="https://fb.me/react-0.13.3.js"></script> <script src="https://fb.me/JSXTransformer-0.13.3.js"></script> </head> <body> <div id="hello"></div> <script type="text/jsx"> var Hello = React.createClass({ render: function() { return <h1>Hello , this is {this.props.name}</h1>; } }); React.render(<Hello name="dog" />, document.getElementById('hello')); </script> </body> </html>
上述
Hello作为一个组件类,可利用属性添加
name值,组件的概念的确为前端开发提供了无限想象
相关文章推荐
- React 互动表单
- ReactJS入门学习一
- React实践笔记-Introduction
- Reactor构架模式及框架概述
- React-Knockout无缝粘合,JavaScript项目MVVM框架下的控件化
- React-Native入门指南--环境配置
- 关于reactivecocoa出现 unrecognized selector sent to instance错误
- React对比Angular的优势在哪
- react native跨平台
- react js component
- react diff算法
- 【React】热热身:Hello World
- 【React】初识React
- React Native通信机制详解
- React Native通信机制详解
- 收集的React.JS资料
- 谈谈 React.js 的核心入门知识
- Reactivecocoa初级使用
- React Native 简介:用 JavaScript 搭建 iOS 应用(2)
- React Native 简介:用 JavaScript 搭建 iOS 应用(2)