Reactで動的に属性の値を生成する方法

HTML要素の属性の値を動的に生成するケースは往々にしてあるかと思います。 例えば、aタグのhref属性の値を動的に生成する等。 結果 JSXの記法でいけます。 <a href={'/item/' + this.props.id}>{this.props.name}</a> このように、{...}の中に文字列もしくは式を値として入れることが出来るようです…

MyBatisでorg.apache.ibatis.binding.BindingException: Invalid bound statement (not found)

Spring Boot + MyBatisを使っていると、掲題の例外が発生することがよくあります。(私だけ?) 発生した時の対策をちょっとまとめてみたいと思います。 対策 MyBatisの設定クラス(@Configuration)に@MapperScanがついているか @MapperScanに設定したパッケージ…

Reactでシンプルな入力フォーム

Reactアプリケーションでシンプルな入力フォームを作るには? シンプルな入力フォームとして、textbox, buttonを配置してみる。 結果 Reactでシンプルな入力フォームを作成出来た。 また、textboxに入力した値を表示させる方法について理解した。 Reactの1つ…

Reactでイベントの伝播

Reactアプリケーションで、コンポーネントのイベント伝播をしたい場合、どうすればいいのか。 ここでは、子コンポーネントから親コンポーネントにイベントを伝播することを想定している。 結果 子コンポーネントでthis.propにコールバック関数を定義し、その…

ReactでHello World

Reactアプリケーションの環境構築、開発をサクっと行いたい場合は、どのような方法があるのだろうか。 結果 Facebookが提供するcreate-react-appを利用することで、手軽にReactアプリケーションの環境構築を行なえることが出来るようになります。 今までは所…

テンプレートリテラルというヤツ

こんなことが出来るようになるんやで〜。 const name = 'Hoge' // Template Literal alert(`Hello! ${name}!`) // Hello! Hoge! alert(`3 + 5 = ${3 + 5}`); // 3 + 5 = 8 バッククォートで囲んで、${...}を入れると。これポイントな。

Dockerをためしてみるの巻

MacでDocker試したいのです。Oracleを入れて動作確認出来ればと思ってます。 結果 MacにDocker入れてOracle動かすことが出来た Dockerイメージのダウンロードに時間がかかったぐらいで、特に難しいところはなし SQLDeveloperからOracle on Dockerに接続出来…