2016-11-18から1日間の記事一覧

【javascript】objectのプロパティ(key)を動的に扱う

es6の環境で動作確認した結果定義する var _p3 = "p3"; var obj = { p : 1, "p2" : 2, [_p3] : 3 }; console.log(obj); // => Object {p: 1, p2: 2, p3: 3} アクセスする console.log(obj.p); // => 1 console.log(obj["p2"]); // => 2 console.log(obj[_p3]…

【react】form部品を共通化するときのひな形

はじめに ES6でのシンプルなものだけど共通化するとしたらこんな感じだろうか呼び出し側 import React from "react"; import FormPart from "./FormPart.jsx"; export default class Sample extends React.Component { constructor(props) { super(props); t…

urlにタブ文字は使わない

かなりどうでもいい内容リンク元 <a href="/example.com/?q=[スペース][TAB文字]ほげげ">リンクです</a>DB > select name from table; [スペース]ほげげリンク先にて $q = $_GET["q"]; $sql = "select * from table where name like \"%{$q}%\""; // => SELECT * FROM table WHERE name LIKE "%[スペース]ほげげ%"; my…

【react】preventDefault、stopPropagationを使う

よく使うpreventDefaultとstopPropagation。 reactでも普通に使える export default class Sample extends React.Component { onParent(e) { // リンク先への遷移を抑制 e.preventDefault(); } onChild(e) { // onParentへのイベントを抑制 e.stopPropagatio…