既然我开始了react的学习，就没有停下来的理由了，我应该很幸运我还有这个时间去学习react，我不认为我聪明，但是我认为我够努力。我先在或许是一个不知道未来该是怎样的人，我们的迷茫和无知源于你不去接受新事物，干程序员这一行，成为大牛很难吗？我觉得不难，咱们这一行又不是在搞研究，就像造房子我们的工人，图纸是他们设计的吗？不是！他们只是按照图纸去盖好一栋漂亮的房子，我们这些程序员就好比民工，JavaScript是不是我们创造的，jQuery不是我们发明的，anjularJs也不是我们创造的，我们只是按照客户的的需求，老板的安排，让我们按照“图纸”去建房子，那地方需要砖块，哪地方需要门窗等等，初级的程序员就像小工，那些大牛只不过多和了几年泥，这个比方或许有差别，并没有表示对他们的不敬，反而也很渴望成为他们那样的人。打这个比方就是让给自己说，图纸不是我们设计的，底层不是我们搭建的，所以有些技术 难吗？恩，有些是挺难的，不过只要付出时间和经理，你也可以成为技术熟练的“民工”，现在讲架构，讲逻辑，讲模块化，我还不能插上什么嘴，who care? Go head!

　　恩，说了一堆废话，就是给自己打打气，每天给自己定的目标是阅读20篇技术文章，这20篇文章要来至不同的技术网站，每篇文章限定在3-5分钟，不巧我只阅读了12篇今天，如果这样算来，一周，一个月 ，一年下来，将是一个很庞大的数字，或许在 短期内你看不到效果，但是长期下，效果将是巨大的，我姑且先这样给自己打气吧。今天的学习笔记内容是：属性，状态，生命周期函数，声明周期函数。

1.react数据传递的方式：

1—1.采用键值对的形式传递数据

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Title</title>

 </head>

 <body>

     <div id="App"></div>

 <script src="lib/react.min.js"></script>

 <script src="lib/react-dom.min.js"></script>

 <script src="lib/browser.min.js"></script>

 <script src="style.js"></script>

 <script type="text/babel">

   var HelloReact = React.createClass({

       render : function(){

           return(

               <div style={style1.style3}>Hello React！<input type="text" value={this.props.name}/></div>

           )

       }

   });

   var data = "请输入内容";  //数据在组件尚未初始化的时候传进来，数据的格式可以是字符串、对象、数组

   ReactDOM.render(<HelloReact name={data}/>,document.getElementById("App"));

 </script>

 </body>

 </html>

传入的是对象的化具体形式如下：

 <script type="text/babel">

   var HelloReact = React.createClass({

       render : function(){

           return(

               <div style={style1.style3}>Hello React！<input type="text" value={this.props.name.age}/></div>

           )

       }

   });

   var data = {age:"18",sex:"男"};

   ReactDOM.render(<HelloReact name={data}/>,document.getElementById("App"));

 </script>

如果data的数据形式是数组的话，形式和上面的差不多。

1-2.采用

react初始（2）的更多相关文章

  1. react初始（1）

    前言:react框架的出现是因为Facebook在建设Instagram交流平台的时候要处理大量的数据流,但是行业流行的MVC框架并不能适合Facebook公司的要求,他们就组织了自己的人力来开发re ...

  2. react初始

    一.一些基础概念 1.框架:基于整个项目的 2.库:在某个模块中单独使用,轻量级的 在vue中,DOM的操作时DOM指令调用js 在react中,所有的DOM 渲染都是由JS完成的 组件基于视图 模块 ...

  3. [转] React同构思想

    React比较吸引我的地方在于其客户端-服务端同构特性,服务端-客户端可复用组件,本文来简单介绍下这一架构思想. 出于篇幅原因,本文不会介绍React基础,所以,如果你还不清楚React的state/ ...

  4. React 同构思想

    作者:yangchunwen React比较吸引我的地方在于其客户端-服务端同构特性,服务端-客户端可复用组件,本文来简单介绍下这一架构思想. 出于篇幅原因,本文不会介绍React基础,所以,如果你还 ...

  5. 搭建一个简单的React项目

    我是使用了create-react-app来搭建的基本框架,其中的原理和vue-cli差不多的脚手架.(当然也可以自己配置项目目录,这里我偷了一下懒) npm install -g create-re ...

  6. 二、React初体验之React组件创建

    (中间因为应付各种考试,处理其他事情,隔了好时间没更新,现在终于有时间了,续上!) 本文为React初始体验,因此先不考虑文件如何组织,尽量以最简单的方式让大家了解React其中的原理. 在创建组件( ...

  7. 【转】Virtual DOM

    前言 React 好像已经火了很久很久,以致于我们对于 Virtual DOM 这个词都已经很熟悉了,网上也有非常多的介绍 React.Virtual DOM 的文章.但是直到前不久我专门花时间去学习 ...

  8. 初学React，setState后获取到的thisstate没变，还是初始state？

    问题:(javascript)初学React,setState后获取到的thisstate没变,还是初始state?描述: getInitialState(){ return {data:[]}; } ...

  9. 初始React Native

    1.何是React Native: React-Native是:Facebook 在2015年初React.js技术研讨大会上公布的一个开源项目.支持用开源的JavaScript库React.js来开 ...

随机推荐

  1. Ring0打开其他设备对象三种方式整理

    1.通过ZwCreateFile打开其他设备的Handle,此函数只能得到句柄.ZwCreateFile与NtCreateFile区别在于NtCreateFile更加底层,ZwCreateFile是基 ...

  2. SQL Server的镜像是基于物理块变化的复制 镜像Failover之后数据的预热问题

    SQL Server的镜像是基于物理块变化的复制 镜像Failover之后数据的预热问题 基于物理块变化的复制,没有并行也是很快的. 逻辑复制的日志是按事务结束的时间排序的,而物理复制是与事务无关的, ...

  3. 又踩.NET Core的坑：在同步方法中调用异步方法Wait时发生死锁(deadlock)

    之前在将 Memcached 客户端 EnyimMemcached 迁移 .NET Core 时被这个“坑”坑的刻骨铭心(详见以下链接),当时以为只是在构造函数中调用异步方法(注:这里的异步方法都是指 ...

  4. 在MySQL的InnoDB存储引擎中count(*)函数的优化

    写这篇文章之前已经看过了很多数据库方面的优化内容,大部分都是加索引.使用事务.要什么select什么等等.然而,只是停留在阅读的层面上,很少有实践,因为没有遇到真实的项目,一切都是纸上谈兵.实践是检验 ...

  5. 完全使用一组 DSL 来操作 Grid 控件

    最近尝试了一下将 XtraGrid 的初始化工作封装成内部 DSL,例如一个普通的基础数据的增删改查操作的代码会像下面这样: public partial class UserForm : XtraF ...

  6. CSharpGL(3)使用CSharpGL.vsix插件

    CSharpGL(3)使用CSharpGL.vsix插件 2016-08-13 由于CSharpGL一直在更新,现在这个教程已经不适用最新的代码了.CSharpGL源码中包含10多个独立的Demo,更 ...

  7. 用JavaScript调用WCF Service

    原创地址:http://www.cnblogs.com/jfzhu/p/4039604.html 转载请注明出处 前面介绍过<Step by Step 创建一个WCF Service>和& ...

  8. Java,extends,继承

    1. 继承的概念: 继承在本职上是特殊--一般的关系.子类继承父类,表明子类是一种特殊的父类,并且具有父类所不具有的一些属性或方法. 2. 继承中的初始化顺序: 从类的结构上而言,其内部可以有如下四种 ...

  9. Atitit sql计划任务与查询优化器--统计信息模块

    Atitit sql计划任务与查询优化器--统计信息模块 每一个统计信息的内容都包含以上三部分的内容. 我们依次来分析下,通过这三部分内容SQL Server如何了解该列数据的内容分布的. a.统计信 ...

  10. 一次 Oracle 算出运算溢出问题 排查解决 (并非除数为零!)

    前段时间 出现过这个问题,: 表中有一列为number类型 rec_recordlength (两个时间的间隔长度/秒) 部分数据 统计这个字段就会出现 "算出运算溢出" 错误,很 ...