什么是二维码
二维码又称二维条码，常见的二维码为QR Code，QR全称Quick Response，是一个近几年来移动设备上超流行的一种编码方式，它比传统的Bar Code条形码能存更多的信息，也能表示更多的数据类型。
二维条码/二维码（2-dimensional bar code）是用某种特定的几何图形按一定规律在平面（二维方向上）分布的、黑白相间的、记录数据符号信息的图形；在代码编制上巧妙地利用构成计算机内部逻辑基础的“0”、“1”比特流的概念，使用若干个与二进制相对应的几何形体来表示文字数值信息，通过图象输入设备或光电扫描设备自动识读以实现信息自动处理：它具有条码技术的一些共性：每种码制有其特定的字符集；每个字符占有一定的宽度；具有一定的校验功能等。同时还具有对不同行的信息自动识别功能、及处理图形旋转变化点。 [1]
功能
编辑
●广告推送（用户扫码，直接浏览商家推送的视频、音频广告）
●手机电商（用户扫码、手机直接购物下单）
●防伪溯源（用户扫码、即可查看生产地；同时后台可以获取最终消费地)
●优惠促销（用户扫码，下载电子优惠券，抽奖）
●会员管理（用户手机上获取电子会员信息、VIP服务）
●手机支付（扫描商品二维码，通过银行或第三方支付提供的手机端通道完成支付）
●账号登录（扫描二维码进行各个网站或软件的登录）
按照原理分类
二维条码/二维码可以分为堆叠式/行排式二维条码和矩阵式二维条码。 堆叠式/行排式二维条码形态上是由多行短截的一维条码堆叠而成；矩阵式二维条码以矩阵的形式组成，在矩阵相应元素位置上用“点”表示二进制“1”， 用“空”表示二进制“0”，“点”和“空”的排列组成代码。 [4] 二维码的原理可以从矩阵式二维码的原理和行列式二维码的原理来讲述。
按业务分
二维码应用根据业务形态不同可分为被读类和主读类两大类。
应用前景
尽管二维码应用渐趋广泛，但与日韩等国相比，中国的二维码发展还远远不够。制约因素除了运营商的支持度外，还有技术、终端适配、盈利模式等方面。炒得很火热的是二维码与O2O（Online To Offline）模式的结合，即利用二维码的读取将线上的用户引流给线下的商家。腾讯很看好这个模式，马化腾称"二维码是线上线下的一个关键入口"。尽管有些人不看好二维码的应用，但无可否认，只要培养了足够多的用户群，再结合良好的商业模式，二维码将成为桥接现实与虚拟最得力的工具之一。
商业模式
二维码的应用的有主读和被读的概念。国外，二维码的平台式服务指的是有一个平台来供你生成二维码，并在那后面附上图片、文字、视频等各种各样的信息。本质上，二维码的内容是指向一个地址。所以二维码平台式服务属于被读的领域。
但这样的分类方式对用户和市场来说太模糊了，市场二维码的商业模式可以大致分成以下几种：
1.信息传播。不论是电子凭证还是博物馆、媒体或商品信息，其实都是信息传播的概念，用户用手机扫描二维码，就可以进入它对应的地址，获得完整的数据。供应商通过发送电子凭证和铺设扫码硬件设备到本地商户，来建立一个完成的商业模式。
2.互动入口。比方你通过扫描二维码来关注微信好友，或优惠券领取、投票报名、参加调研等在手机上的可操作形式，向企业回传客户信息。企业就能将广告投放效应最大化，获得宝贵的用户互动数据。这样的互动购买模式已经在电影、电视、杂志、宣传册、广告等领域开始使用。
微信在较早的版本中已经开始提供扫二维码服务，用户可以通过扫拍他人二维码而直接建立微信关系，微信在4.0版本后还提供了可以直接通过扫拍二维码而实现手机和电脑微信同步的功能，非常巧妙的结合了二维码和验证的特性。新浪微博也在近期推出了制作二维码，扫二维码后可以关注微博等功能。
2012年，微信推出公众平台面向企业和个人开放，打开了自媒体时代。同时，二维码的运用更达到了前所未有的高度，扫一扫加关注几乎是所有公众号推广的方式。越来越多媒体节目登录微信公众平台（如中国梦之声），更加方便了收视观众与媒体间的沟通，通过在节目中放出账号二维码，在短期内迅速积累到庞大用户群。
3.形成购买。这就直接把你带往某个商品的电子商务平台，产生交易（如仙草记）。
原来需要进实体店或在网上购买的流程，已经可以通过扫拍二维码而实现，在手机上完成购物支付流程。这样的方式可以弥补在原来无法涉足的空间进行消费的需求。支付宝跟分众传媒的合作就是，用户只要扫拍分众上的支付宝广告，就可以在手机上实现购物和支付。
以上几种，除了一些短小信息的二维码名片，都是用二维码指向一个链接地址，本质都是移动互联网入口的概念。
QRCode .react
安装
npm install qrcode.react
使用
var React = require('react');
var QRCode = require('qrcode.react');
React.render(
<QRCode value="http://facebook.github.io/react/" />,
mountNode
);
Available Props
prop
type
default value
value
string
renderAs
string ('canvas' 'svg')
'canvas'
size
number
128
bgColor
string (CSS color)
"#FFFFFF"
fgColor
string (CSS color)
"#000000"
level
string ('L' 'M' 'Q' 'H')
'L'
includeMargin
boolean
false
imageSettings
object (see below)
imageSettings
field
type
default value
src
string
x
number
none, will center
y
number
none, will center
height
number
10% of size
width
number
10% of size
excavate
boolean
false
