{"width":"100%","blog_title":"\u30d5\u30ea\u30fc\u30e9\u30f3\u30b9\u3000\u6280\u8853\u8abf\u67fb\u30d6\u30ed\u30b0","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/P/PX-WING/20200619/20200619085728.png","blog_url":"https://px-wing.hatenablog.com/","version":"1.0","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fpx-wing.hatenablog.com%2Fentry%2F2020%2F06%2F23%2F081654\" title=\"ReactHooks\u3067\u30d0\u30fc\u30b3\u30fc\u30c9\u3092\u30b9\u30ad\u30e3\u30f3\u3059\u308b - \u30d5\u30ea\u30fc\u30e9\u30f3\u30b9\u3000\u6280\u8853\u8abf\u67fb\u30d6\u30ed\u30b0\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","categories":["React","JavaScript"],"author_url":"https://blog.hatena.ne.jp/PX-WING/","author_name":"PX-WING","title":"ReactHooks\u3067\u30d0\u30fc\u30b3\u30fc\u30c9\u3092\u30b9\u30ad\u30e3\u30f3\u3059\u308b","provider_url":"https://hatena.blog","url":"https://px-wing.hatenablog.com/entry/2020/06/23/081654","published":"2020-06-23 08:16:54","type":"rich","provider_name":"Hatena Blog","description":"\u306f\u3058\u3081\u306b React\u304b\u3089Quaggajs\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u5229\u7528\u3057\u3066\u30d0\u30fc\u30b3\u30fc\u30c9\u3092\u30b9\u30ad\u30e3\u30f3\u3059\u308b serratus.github.io \u30b5\u30f3\u30d7\u30eb\u30b3\u30fc\u30c9 import React , { useState,useEffect } from 'react' import Quagga from \"quagga\"; const Scan = (props) => { const [barcode,setBarcode] = useState(\"\") useEffect(() => { Quagga.onDetected(result => { if (result !== undefined){ setBarc\u2026","height":"190"}