C++ ときどき ごはん、わりとてぃーぶれいく☆

USAGI.NETWORKのなかのひとのブログ。主にC++。

トップ > TypeScript

TypeScript

React で TypeScript な Component 内の一部のメソッドから他の定義済みのはずのプロパティーや state へのアクセスが undefined になった時に思い出したいメモ

trouble-shoot how-to React TypeScript Component method property inheritance Arrow Function undefined input button example

期待動作する例 ↓は button をポチると hidden で置いてあるファイルアップロード用の input の click を発火するコンポーネント的な例です。 import React, { Component } from "react"; interface IProps { } interface IState { } export default class F…

諸事情により React で TypeScript な web アプリの中から window に global な変数を write access する方法のメモ

React TypeScript window write access global variable how-to

Window をオレオレ派生した interface をでっちあげてキャストすれば window の任意のプロパティーに write access できる。後は野となれ山となれ。 ↓例、React の state 持ちの Component な App のインスタンスを window.app な global 変数として登録: Ap…

React なプロジェクトを TypeScript に移行したら3つの困りが発生したけど解決できたメモ

TypeScript React trouble-shoot src directory tsc tsconfig.json path dot import .tsx JSX.IntrinsicElements TS2339

こまったこと: 1. カスタムソースディレクトリー ./src.react を tsc が認識できなかった 諸事情により ./src ではなく ./src.react に react 用のソースを配置していたが、 tsconfig.json の include では "." 文字の入ったディレクトリーは認識しない仕様…

vscode extension: 開かれている vscode.TextEditor を列挙する方法のメモ

vscode TypeScript extension enumeration vscode.TextEditor how to

import * as vscode from 'vscode' // 列挙した TextEditor を格納する array const es: vscode.TextEditor[] = [] // 次の TextEditor を取得するトリック let nextTextEditor = async () => { await vscode.commands.executeCommand( 'workbench.action.ne…