[react-jsx] タグが付いた質問
9
未回答やベストアンサーなし質問
2
票
0
回答
122
閲覧数
prettierにて、printWidthを300くらいにしているにも関わらず改行される
react、typescript, jsxといった技術スタックです。
prettierにて、printWidthを300くらいにしているにも関わらず、
jsxが以下のようになってしまいます。
<text>foo<text/>
↓
<text>
foo
<text/>
typescript自体のコードはしっかり300になるのですが、
...
0
票
0
回答
25
閲覧数
Reactで複数の画像を表示し、一枚ずつ横スライドをできるようにしたい
現在は複数の画像をwidth70%で横6枚まで表示しそれを超えると改行される状態にしています。
0
票
0
回答
26
閲覧数
ReactでScroll Revealを実装したい時の変数の定義の仕方について
ReactでコンポーネントにScroll Revealを実装したいのですがその際に npmでscroll revealをinstall後、実装したいコンポーネントPost.jsに import scroll reveal を定義しその中でアニメーションさせたいclassnameに対して以下を定義しましたがimportしたscroll revealが反応せずmodule not ...
0
票
0
回答
111
閲覧数
React-hook-formのRegisterを使った場合の値の受け渡しについて
ReactとNext.jsでWEBアプリを作っています。
メインのコンポーネントであるAppと、textarea専用のTextInputコンポーネントがあり、App内でTextInputコンポーネントを呼び出しています。
コンポーネントは分割した状態でないといけないのですが、できればregisterをつかった状態で、Appで入力された値をTextInputコンポーネントに渡す方法はないでしょうか。
...
0
票
0
回答
138
閲覧数
Can't find variable: document が解決できない(ReactNative,Expo, Stripe, Djangoを使用)
ReactNative、Django歴半年、Stripe歴二ヶ月の新米です。よろしくお願い致します。
ReactNativeでStripeを使用したいのですが、
リロード時に毎回ターミナルに黄文字でエラーが記載されてしまいます。
documentというものは使用していないような気がするのですが、どのようにアプローチすればよいか全くわかりません。
Can't find variable: ...
0
票
1
回答
89
閲覧数
WordPressブロック開発にて<SelectControl>コンポーネントを複数選択にしたい
前提
teratailでも同様の質問をさせていただきました。
WordPressのブロック開発を行っています。
MAMPでローカル環境を構築しプラグインとしてカスタムブロックを追加して開発を行っています。
実行環境:
WordPress 5.9.2
npm 8.1.2
node.js 16.13.1
実現したいこと
投稿の情報を取得してコンポーネントで複数選択可能なブロックを作成する。
...
0
票
1
回答
2,789
閲覧数
reactで複数のチェックボックス(全選択・全解除)実装したい
現在、next.jsで実装を進めているのですが、上記にある通り、複数のチェックボックスのチェック状態をstateで管理、また違うコンポーネントにあるボタンを押すとチェック状態が全選択もう一度押すと全解除というような実装をしたいのですが、どのようにすれば良いのか見当がつきません。
また、複数のチェックボックスというものはapiのデータから作られており、子コンポーネントでmapで回している状態です。
...
0
票
1
回答
121
閲覧数
React の cloneElementをreturn したい
Reactで下記のようなコンポーネントを作りました
data は API を受け取るためのものです
const Loop = ({data,children}) => {
return (
<ul>{
data.map((item,index)=> {
return (
React.cloneElement(
...
0
票
1
回答
809
閲覧数
React Typescript 関数の引数の書き方
前提・実現したいこと
親コンポーネントで子コンポーネントに渡す関数を定義したいのですが、引数をどう書いたらいいのかがわかりません。
わかる人がいたら教えて欲しいです
該当のソースコード
**types.ts**
export type Task {
id: number
text: string
done: boolean
}
//親コンポーネント
import React, {...