TypeScriptに関連する質問一覧

新着
アクティブ
未回答
未解決
注目
解決済

受付中

回答

1
vue.jsでラジオボタンのnameに指定された値も取得する方法

vue.js3 + Typescriptで以下のようなラジオボタンを実装しています。（hogeはjsonのデータが入っています。） <div v-for="(value, index) in hoge" :key="index"> <ul> <li v-for="item in value.options" :key="item.index">
- JavaScript
- TypeScript
- Vue.js
- Vuex
- 0評価
- 0クリップ
- 66PV
FKM 51分前に回答を編集
受付中

回答

2
配列の先頭を最後に持っていきたい

概要下記のようなオブジェクトがあります。imagesの値の配列の先頭を最後に持っていきたいと考えています。 const postdata = { ..., images:prd.images.map((url:string, i:number) => ({ src: `https:${url}`, altText:`${prd.titl
- TypeScript
- 0評価
- 0クリップ
- 68PV
tkturbo 1時間前に回答
受付中

回答

0
react buttonを押下した後のBoxのアニメーションが複数回行われる。

前提・実現したいこと丸ボタンを押したときにBoxが右に移動して画面から消えます。罰ボタンを押した時に左にBoxが動いて画面から消えます。 cardの配列cardsをmapで回して表示しています。ボタンを押下した時に最前面のBoxだけ移動したいのですが、なぜか後ろのBoxも移動してしまいます。 cardsの配列のlenghtは３なので３回ボタンを押下したらBoxがなくなるはずですが、２回押下し
- TypeScript
- React.js
- SCSS
- 2評価
- 5クリップ
- 60PV
teratailが 18時間前にアップデート
受付中

回答

2
[Angular(Typescript)]subscribeで取得したデータを用いてif文で条件分岐し、値を返す関数を作りたい

実現したいこと下記のようなコードを書いています。関数checkTEST内で、 subscribeで取得したデータを用いて(testData = res.body) if文で条件分岐し（if (testData)）、値を返したいのですが、subscribeで取得する前にif文が始まってしまいます（testDataがundefined）。今の状態では同期処理ができていないのだと
- TypeScript
- Angular
- 0評価
- 0クリップ
- 90PV
kaito3desuyo 23時間前に回答
受付中

回答

0
Typescriptで配列から複数プロパティを持つObjectを作成したい

以下のような、10の位が1〜4の配列があり、これをObjectに変換したいです。 ["11","20","35","42"] 上記の配列を以下の形式のObjectに変換したいのですが、どのようにすればいいでしょうか？そのままObjectに変換する方法は別の質問でご教示いただき解決したのですが、条件がプラスされ方法がわかりません。。ポイントは配列の10の位をObjectのcodeプ
- JavaScript
- TypeScript
- 0評価
- 0クリップ
- 55PV
teratailが 1日前にアップデート
解決済

回答

2
TypeScript matchでnullである可能性の値を扱いたい

概要 const sample1 = 'Modle-Name® Bag hoge super - WHITE' const sample2 = 'Modle-Name™ Tshirt hoge super - BLACK' const sample3 = 'Pants hoge super - BLACK' 上述のModle-Nameを取得したいと思います。値によってはModle-Nameが記載
- TypeScript
- 0評価
- 0クリップ
- 71PV
yuki_90453 1日前にベストアンサー
解決済

回答

1
Typescriptで配列をobjectに入れたい

以下のような配列があったとして、 ["13","22","34","56","78"] これを以下のような形のobjectに入れ直したいのですがどうすればよいでしょうか？ { "hogeHoge":[ {"num":"13"}, {"num":"22"}, {"num":"34"}, {"num":"56"}, {"num":"78"} ] } どうぞよろしくお願い
- JavaScript
- TypeScript
- 0評価
- 0クリップ
- 93PV
weak_man 1日前にコメント
解決済

回答

1
【React-native】「TypeError: undefined is not an object」を解決したい

前提・実現したいこと ReactNavigationで実装されているヘッダーメニューを消したいと思い、該当コードをコメントアウトしたら表題のエラーが発生しました。具体的にコメントアウトしたコードは以下の通りです。 <Stack.Screen name="Learn" component={LearnScreen} /> 発生している問題・エラーメッセージ TypeError: undefin
- TypeScript
- React Native
- 0評価
- 0クリップ
- 64PV
Hinoarashi. 2日前に回答
受付中

回答

0
TypeSctipt / Javascript 文法エラーの原因がわかりません。

前提・実現したいこと Firefox・safari・Google Chrom・Opera・Edge らモダンブラウザでは、エラーはありませんがIEのみ、文法エラーが発生してしまいます。なので、こちらを解決したいです。下記はエラーの原因となっている箇所です。 var sectionEl = _this.originalSection[i]; ソースコード class ScrollHeade
- 0評価
- 0クリップ
- 91PV
teratailが 2日前にアップデート
受付中

回答

1
[TypeScript]オブジェクトのキーを型定義で制限したい

聞きたいこと ReactをTypeScriptを使用して、オブジェクトのキーを特定の文字列のみにしたいと思っています。現状下のように実装していて、sample.or の中の配列のキーを、aaaaaa か bbbbb のみにしたと思っています。 : type sampleKey = 'aaaaaa' | 'bbbbb'; interface Sample { or: { sa
- TypeScript
- React.js
- 0評価
- 0クリップ
- 55PV
maisumakun 2日前に回答
受付中

回答

0
[TypeScript][React]オブジェクトのキーに指定する文字列を特定の物に絞りたい

聞きたいこと ReactをTypeScriptを使用して、オブジェクトのキーを特定の文字列のみにしたいと思っています。現状下のように実装していて、sample.or の中の配列のキーを、aaaaaa か bbbbb のみにしたと思っています。 : type sampleKey = 'aaaaaa' | 'bbbbb'; interface Sample { or: { sa
- TypeScript
- React.js
- -2評価
- 0クリップ
- 66PV
sabx 2日前に質問
受付中

回答

1
Materila UIでthemeTemplateで設定した値がuseStyleで反映されない

前提・実現したいこと React(TypeScript)× Ruby on RailsでWebアプリケーションを開発しています。やりたいこととして、各ユーザーごとにボタンや背景などの色を変えたい(例：ユーザーAには赤色、ユーザーBには青色など)です。そこで、material UIのthemeTemplateのpaletteで色を一括管理し、ユーザーごとに変数で出し分けたいです。しかし、u
- 0評価
- 0クリップ
- 48PV
anozon 3日前にコメント
受付中

回答

1
typescriptでtypeによって動的に型変換できるようにする方法

class Item { a!: boolean; b!: string; c!: string; d?: string; constructor(item: Item,type: string) { Object.assign(this, item); } } 上記classからtypeによって型宣言を変更したいです。例えば、typeがtype1ならa,bだけ
- TypeScript
- 0評価
- 0クリップ
- 62PV
ka2obushi 3日前に回答
解決済

回答

1
TypeScriptで可変長引数を受け取る関数をジェネリクスで型付けする方法

前提・実現したいこと関数funcは可変長引数を受け取ることができ、例えばnumber, string, booleanが与えられたら[number[], string[], boolean[]]を返すといったように、各引数を配列化したtupleを返すとします。このような関数の型をTypeScriptで表現することは可能でしょうか？例えば引数が3つで固定であれば、 function f
- TypeScript
- 0評価
- 1クリップ
- 110PV
ts-learner 4日前にコメント
解決済

回答

3
React + TypeScriptでテーブルを作りたい

React、TypeScript練習中のものです。なんの工夫もないただのテーブルを生成しようとしていますが、うまくいっておりません。現状、下記のような感じで、「この型はpush使えませんよ！」と言った感じのエラーが出ております。ここで質問ですが、・tbodyの型は間違っていますか？また、tbody,tr,tdの型はなんでしょうか？・そもそもこの方法は合っているのでしょ
- 0評価
- 0クリップ
- 98PV
p19ljk 5日前に回答
解決済

回答

1
Angular12でng2-chartsのチャート再更新が行われない

前提・実現したいこと Angular12を用いたWebアプリケーションを作ろうとしています。外部APIをたたいて得られたデータをng2-chartsによりチャートにします。再びAPIをたたたとき、先ほどのチャートを新しく得られたデータによって再描画したいと考えています。発生している問題はじめてAPIをたたいた結果によるチャートの描画を行うことはできています。もう一度API
- 0評価
- 0クリップ
- 135PV
yosse95ai 1週間前にコメント
解決済

回答

1
React×Typescriptにおけるmaterial-uiのtabの挙動がおかしい

解決したいこと現在React×Typescript×styled-components×material-uiでポートフォリオサイトを作ろうと考えています。 matterial-uiのTab,Tabs,AppBarを用いてヘッダーをを作成できたのですが、サイトのホームから他のタブに移る際の動作がおかしいです。この問題に関連していそうなソースを一応載せておきます import { Compo
- 0評価
- 1クリップ
- 77PV
it-tsumugi 1週間前にコメント
受付中

回答

0
NestJSのCLIで作ったRESTAPIが反映されない。

最初に`nest g resource test としAPIを作成後、localhost:3000で起動確認。次に新たに同じやり方で作ってみたところ反映されませんでした。コマンド入力以外していなく、エラー等も出ていないので原因がわかりません。
- 0評価
- 0クリップ
- 59PV
teratailが 1週間前にアップデート
解決済

回答

1
React TypeScript でパンくずリストをURLから動的に生成したい

前提・実現したいこと React x Typescript x i18next-react x Material-UI でウェブサイトを制作しています。その時、パンくずリストのmap関数及び、index、key辺りでエラーに悩まされています。ページ切り替えによって、URLを基にパンくずリストの内容を動的に切り替えたいです。やり方が違うのでしょうか？発生している問題・エラーメッセージ
- 0評価
- 0クリップ
- 82PV
ShortArrow 1週間前にベストアンサー
受付中

回答

1
raectのコンポーネントのpropsの型を、スプレッド構文の箇所のみanyにしたい

interface Props { height: number } const Component: VFC<Props> = ({ height, ...props }) => { return <img height={height} {...props} /> } // 型Propsにwidthが存在しないためエラー const el = <Component height={
- TypeScript
- React.js
- 0評価
- 1クリップ
- 69PV
taku-hu 1週間前に回答