React

作者: ShindouHiro | 来源:发表于2015-09-14 00:44 被阅读295次
  • 引入文件
<script src="http://cdn.bootcss.com/react/0.14.0-beta2/JSXTransformer.js"></script>
<script src="http://cdn.bootcss.com/react/0.14.0-beta2/react.js"></script>
  • 定义一个元器件
<body> 
<div id="app"></div> 
<script type="text/jsx"> 
var HelloWorld = React.createClass({ 
   render: function(){ 
     return ( 
      <div> Hello World </div>
     ) 
    }
 }); 
React.render(<HelloWorld />, document.getElementById('app')); </script>
</body>
  • 元器件的嵌套
<script type="text/jsx"> 
var Child = React.createClass({ 
  render: function(){ 
    return ( 
      <div> The Child </div> 
    ) 
  }
 });
 var Parent = React.createClass({ 
    render: function(){ 
      return ( 
      <div>
        <div> Hello World </div> 
        <Child/> 
     </div>
      ) 
  } 
}); 
React.render(<Parent />, document.getElementById('app')); 
</script>

相关文章

  • React基础

    react 教程 react 组件介绍 react state 介绍 react Props 介绍 React:组...

  • 学习react no.1

    学习react no.1 react 定义 react 特点 react

  • React Native 学习之路

    React 相关资料 React Components React Properties React State ...

  • React基础

    React包含react元素和react组件 react元素 react组件 react组件分为函数组件和类组件 ...

  • React面试题 整理脑图

    react基础 React生命周期 react-router react进阶 react Hooks redux 其他

  • react 导入中的 as

    import React from 'react'只导入 是 React。 而import * as React ...

  • ES5与ES6小结部分

    1var React=require('react'); 等价 import React from ' react...

  • React DnD基础概念和整体架构

    React DnD 的英文是 Drag and Drop for React。React DnD 是 React ...

  • React

    React 《React 官网文档》 React简介 React概念 React官网学习实践 - jSX简介 Re...

  • React学习笔记_01

    React 基础组件 react概述 npm i react react-dom react包 是核心,提供创建元...

网友评论

      本文标题:React

      本文链接:https://www.haomeiwen.com/subject/cdtmcttx.html