ReactJS 15.x - 例子一,HelloWorld

原创 2016年08月29日 01:32:06


<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>例子</title>
    <script src="https://npmcdn.com/react@15.3.1/dist/react.js"></script>
    <script src="https://npmcdn.com/react-dom@15.3.1/dist/react-dom.js"></script>
    <script src="https://npmcdn.com/babel-core@5.8.38/browser.min.js"></script>
    <script src="https://npmcdn.com/jquery@3.1.0/dist/jquery.min.js"></script>
    <script src="https://npmcdn.com/remarkable@1.6.2/dist/remarkable.min.js"></script>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
  <body>
    <div id="content1"></div>

	
    <script type="text/babel">
     // 使用的是JSX的语法
      ReactDOM.render(
        <h1>Hello, world!</h1>,
        document.getElementById('content2')
      );
    </script>
  </body>
</html>


版权声明:本文为博主原创文章,未经博主允许不得转载。

React+Webpack+ES6从环境搭建到HelloWorld

转载请注明预见才能遇见的博客:http://my.csdn.net/ React是一个Facebook和Instagram用来创建用户界面的JavaScript库,是现在最热门的前端框架。Webpa...
  • pcaxb
  • pcaxb
  • 2016年08月15日 16:30
  • 13994

React入门之HelloWorld及环境搭建

关注React也已经很久了,经常看到一些线上的例子,不过由于工作中一直都在使用AngularJS,所以没能系统的学习React,最近准备好好学习,亲自动手实践一下。 学习一门语言也好,学习一个框架也...
  • liuhe688
  • liuhe688
  • 2016年04月22日 11:18
  • 11647

ReactJS 15.x - 例子二,综合运用

组件化、模块化  this.props.attr1 // 父节点传递进来的属性参数  this.setState({attr1: 'attr1_value'}); // 设置当前组件的“视图数据”,并...
  • zhouzhiande
  • zhouzhiande
  • 2016年08月29日 01:33
  • 867

1、初识Reactjs——HelloWorld程序

一、Reactjs简介 React 是一个 Facebook 和 Instagram 用来创建用户界面的 JavaScript 库。很人多认为 React 是 MVC 中的 V(视图)。 我们创造...
  • yubo_725
  • yubo_725
  • 2016年01月17日 14:32
  • 1475

React 16.0.0 更新的内容 不废话

1. React.PropTypes 被废弃用‘prop-types’库// 引入库 npm install 'prop-types' --save// 组件中使用: import PropTypes...
  • lx376693576
  • lx376693576
  • 2017年10月10日 15:01
  • 272

ReactJS 15.x - 例子一,HelloWorld

例子 // 使用的是JSX的语法 ReactDOM.render( Hel...
  • zhouzhiande
  • zhouzhiande
  • 2016年08月29日 01:32
  • 807

ReactJs实战-让人沮丧的HelloWorld

学习任何一门语言我们写出的第一个Demo,应该是Hello world了。相信第一个具有自主思想的智能机器人开口第一句话应该就是:Hello world, Human, Fuck you! 为什么取...
  • loveu2000000
  • loveu2000000
  • 2016年06月24日 22:16
  • 1539

Restful API 简单示例--HelloWorld

Restful API 简单示例--HelloWorld 1. 环境 (1). j2ee luna (2). Tomcat7 (3). Jersey2.24 (jaxrs-ri-2.24.zip) ...
  • u011645059
  • u011645059
  • 2016年11月21日 16:20
  • 21506

用React+Redux+ES6写一个最傻瓜的Hello World

最近Redux+React似乎在前端圈子里越来越火了,然而即使是官方的文档也只给出了一个TodoMVC的范例,里面上百行的代码以及过多的新概念,对于很多初学者(包括我)来说依然很复杂。 goog...
  • z69183787
  • z69183787
  • 2016年08月01日 16:15
  • 2320

React-基础教程完整版

目录: 1 组件和组件属性(Component and Props) 1.1 组件定义方式 1.2 组件嵌套使用 1.3 提取组件 2 状态和声明周期(State and LifeCycle) 2.1...
  • gccll
  • gccll
  • 2017年03月21日 18:33
  • 987
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ReactJS 15.x - 例子一,HelloWorld
举报原因:
原因补充:

(最多只允许输入30个字)