{"url":"https://portaltan.hatenablog.com/entry/2015/08/07/173942","provider_name":"Hatena Blog","blog_url":"https://portaltan.hatenablog.com/","author_name":"portaltan","provider_url":"https://hatena.blog","type":"rich","title":"React\u3067Enter\u30ad\u30fc\u306epush\u30a4\u30d9\u30f3\u30c8\u3092\u53d6\u5f97\u3059\u308b\u65b9\u6cd5","version":"1.0","description":"React\u3067Enter key\u304c\u62bc\u3055\u308c\u305f\u3068\u304d\u306b\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u8a2d\u5b9a\u3059\u308b\u65b9\u6cd5\u3067\u3059\u3002 \u30bd\u30fc\u30b9\u30b3\u30fc\u30c9 var Test = React.createClass( { sendCommand(e) { # <== \u2460 var ENTER = 13; # <== \u2461 if (e.keyCode == ENTER) { # <== \u2462 // Enter\u304c\u62bc\u3055\u308c\u305f\u3068\u304d\u306e\u30a2\u30af\u30b7\u30e7\u30f3 } }, render: function() { return ( <input onKeyDown={this.sendCommand} /> # <== \u2463 ); } } ); React.render(<Test />, do\u2026","blog_title":"\u8133\u6c41portal","published":"2015-08-07 17:39:42","categories":["JavaScript","React"],"author_url":"https://blog.hatena.ne.jp/portaltan/","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fportaltan.hatenablog.com%2Fentry%2F2015%2F08%2F07%2F173942\" title=\"React\u3067Enter\u30ad\u30fc\u306epush\u30a4\u30d9\u30f3\u30c8\u3092\u53d6\u5f97\u3059\u308b\u65b9\u6cd5 - \u8133\u6c41portal\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","width":"100%","image_url":null,"height":"190"}