JavaScript

Reactで親から子へstate/メソッドをpropsで渡す時の考え方

時々忘れる時があるのでメモ。 propsを子コンポーネントに渡す際の対応関係は下記となります。 render() { return( <Child [子コンポーネントで使用するstate名(A)] = {親コンポーネント内のstate} [子コンポーネントで使用するメソッド名(B)] = {親コンポーネント内のメソッド} /> ) } // 子コンポーネント import React, { Component } from 'react'; class Modal extends Component { constructor(props){ super(props)</child>…

<javascript>データ型の種類と参照型の値を取り扱う際の注意点

データ処理:型の種類 javascriptで取り扱うデータには、大きく分けて2種類あります。 基本型(プリミティブ型) 参照型(オブジェクト型) 基本型(プリミティブ型) 数値型(number) 文字列型(string) 論理値型(boolean) 特殊型(null/undifind) 特長 変数に…

id名を直接指定すれば、document.getElementById()を使っているのと同じ結果が返ってくる

HTML内にIDを記載している場合、 document.getElementById()を書かなくても、ID名を直接入力するだけでそのエレメントを操作することができます。 サンプル codepen.io サンプルではID:hoge がjavascript内にいきなり出てきますが、ちゃんとwidthの値を取得…