{"height":"190","description":"\u30bf\u30a4\u30c8\u30eb\u306e\u901a\u308a\u3067\u3059\u3002React \u306e\u518d\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3092\u4ecb\u3055\u305a\u306bDOM\u3092\u76f4\u63a5\u66f4\u65b0\u3059\u308b\u65b9\u304c\u9ad8FPS\u3092\u51fa\u305b\u308b\u304b\u5b9f\u9a13\u3057\u3066\u307f\u305f\u3051\u3069\u3001\u305d\u3093\u306a\u306b\u5909\u308f\u3089\u306a\u304b\u3063\u305f\u3068\u3044\u3046\u8a71\u3067\u3059\u3002 \u3053\u3068\u306e\u767a\u7aef \u30b9\u30c8\u30c3\u30d7\u30a6\u30a9\u30c3\u30c1\u3092\u4f5c\u3063\u3066\u3044\u3066\u3001\u3053\u3093\u306a\u611f\u3058\u306e ControlledComponent \u3092\u66f8\u3044\u3066\u3044\u307e\u3057\u305f\u3002\u3068\u3066\u3082\u30aa\u30fc\u30bd\u30c9\u30c3\u30af\u30b9\u306a\u30b3\u30fc\u30c9\u3067\u3059\u3002 type TimerState = 'idoling' | 'working'; // ControlledStopwatch \u306f prop \u3067\u53d7\u3051\u53d6\u3063\u305f\u60c5\u5831\u3092\u63cf\u753b\u3059\u308b\u3060\u3051\u3002\u5185\u90e8\u306b\u30b9\u30c6\u30fc\u30c8\u3092\u6301\u305f\u306a\u3044 const ControlledStopwatch: FC<{ onStart: (start\u2026","width":"100%","version":"1.0","title":"\u9ad8FPS\u3092\u305f\u305f\u304d\u51fa\u3059\u305f\u3081\u306b UncontrolledComponent \u306b\u3057\u3066\u307f\u305f\u3051\u3069\u3001\u305d\u3093\u306a\u306b\u5909\u308f\u3089\u306a\u304b\u3063\u305f\u8a71","provider_name":"Hatena Blog","categories":["React"],"blog_title":"Panda Noir","provider_url":"https://hatena.blog","author_name":"panda_noir","blog_url":"https://www.pandanoir.info/","url":"https://www.pandanoir.info/entry/2022/03/06/120903","type":"rich","published":"2022-03-06 12:09:03","author_url":"https://blog.hatena.ne.jp/panda_noir/","image_url":null,"html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.pandanoir.info%2Fentry%2F2022%2F03%2F06%2F120903\" title=\"\u9ad8FPS\u3092\u305f\u305f\u304d\u51fa\u3059\u305f\u3081\u306b UncontrolledComponent \u306b\u3057\u3066\u307f\u305f\u3051\u3069\u3001\u305d\u3093\u306a\u306b\u5909\u308f\u3089\u306a\u304b\u3063\u305f\u8a71 - Panda Noir\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>"}