react-qr-reader

reactでqrコードを読み込む

react-qr-readerを利用

Next.jsで扱うためには、dynamicリンクが必要

code: jsx

import dynamic from 'next/dynamic'

const QrReader = dynamic(() => import('react-qr-reader'), {

ssr: false,

})

const Qr = () => {

const handleError = () => {}

const handleScan = () => {}

return <QrReader delay={1000} onError={handleError} onScan={handleScan} style={{ width: '100%' }} />

}

export default Qr

参考