react中动态生成二维码(qrcode.react 的使用)
先进行包安装
npm install qrcode.react
使用它
import React from 'react'
import QRCode from 'qrcode.react'
React.render(
<QRCode value="http://facebook.github.io/react/" />
)
当然他还有一些默认属性可编辑
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 |
可以将以上的属性值写进< QRCode />