-
[解決済み] Reactの制御型コンポーネントと非制御型コンポーネントとは?
質問 ReactJSの制御型コンポーネントと非制御型コンポーネントとは何ですか?それぞれどのように違うのですか? どのように解決するのですか? これはステートフルなDOMコンポーネント(フォーム要素)に関するもので、Reactのドキュメントにその違いが説明されています。 A 制御されたコンポーネント によって現在の値を取得するものです。 props のようなコールバッ
2022-04-20 14:41:59 -
[解決済み] 入力が空のとき、ボタンを無効にするには?
質問 Reactの初心者です。入力フィールドが空のとき、ボタンを無効にしようとしています。このためのReactの最良のアプローチは何ですか? 私は以下のようなことをしています。 <input ref="email"/> <button disabled={!this.refs.email}>Let me in</button> これでよいので
2022-04-20 08:58:49 -
[解決済み】Reactでコメントを使用する方法
質問 の中でコメントを使用するにはどうすればよいですか? render メソッドを使用することはできますか? 以下のようなコンポーネントがあります。 'use strict'; var React = require('react'), Button = require('./button'), UnorderedList = require('./unordere
2022-04-20 02:57:32 -
[解決済み] [エラー "JSX element type '...' does not have any construct or call signatures "の意味は何ですか?
質問 コードを書きました。 function renderGreeting(Elem: React.Component<any, any>) { return <span>Hello, <Elem />!</span>; } エラーが発生するのですが。 JSX要素タイプ Elem はコンストラクトやコールシグネチャを持
2022-04-18 23:24:09 -
[解決済み】「react-scripts start」コマンドとは具体的に何ですか?
質問 Reactのプロジェクトで create-react-app で、プロジェクトを開始するために2つのオプションがあります。 最初の方法 npm run start で定義しています。 package.json このように "start": "react-scripts start", 第2の方法 npm start この2つのコマンドの違いは何で
2022-04-18 07:53:14 -
[解決済み】React Hooks useEffectでoldValuesとnewValuesを比較する方法は?
質問 例えば、rate、sendAmount、receiveAmountの3つの入力があるとします。この3つの入力を、useEffectのdiffパラメータに設定します。ルールは以下の通りです。 sendAmountが変更された場合、次のように計算します。 receiveAmount = sendAmount * rate receiveAmountが変化した場合、次のように計算し
2022-04-17 11:41:20 -
[解決済み] 関数内のReactJSライフサイクルメソッド Component
質問 コンポーネントをクラス内に書く代わりに、関数構文を使いたいのですが、どうすればいいですか? をオーバーライドするにはどうすればよいですか? componentDidMount , componentWillMount 関数コンポーネントの内部? それは可能なのでしょうか? const grid = (props) => { console.log(prop
2022-04-16 05:31:57 -
[解決済み】React vs ReactDOM?
質問 reactはちょっと初めてです。始めるには2つのものをインポートする必要があるようですね。 React と ReactDOM この違いについて教えてください。私は Reactのドキュメント とは書かれていない。 解決方法は? ReactとReactDOMはつい最近、2つの異なるライブラリに分割されました。v0.14以前は、ReactDOMの機能は全てReactの一部で
2022-04-16 04:12:30 -
[解決済み】Reactアプリケーションにサービスを持たせる
質問 私は、サービス/ファクトリーにロジックを抽出し、それらを私のコントローラで消費することができたangularの世界から来ました。 Reactアプリケーションで同じことを実現するにはどうしたらいいのか、理解しようとしています。 例えば、ユーザーのパスワード入力(強度)を検証するコンポーネントがあるとします。このロジックはかなり複雑なので、コンポーネント自体にそれを書きたくはありま
2022-04-15 11:42:37 -
[解決済み] TypeScriptを使ったReactコンポーネントのデフォルトプロパティ値
質問 Typescript を使用して、自分のコンポーネントにデフォルトのプロパティ値を設定する方法がわかりません。 これはソースコードです。 class PageState { } export class PageProps { foo: string = "bar"; } export class PageComponent extends React.Compone
2022-04-15 07:34:37 -
[解決済み】Reactがlabel要素の'for'属性を無視する件
質問 React (Facebook のフレームワーク) で、テキスト入力にバインドされたラベル要素を、標準の for 属性を持つ。 例)以下のようなJSXが使用されています。 <label for="test">Test</label> <input type="text" id="test" /> しかし、これでは、必要な(そして標準的
2022-04-15 02:57:03 -
[解決済み] React.useStateでpropsから状態を再読み込みしない
質問 プロップス変更時に状態がリロードされることを期待しているのですが、これがうまくいかず user 変数が更新されないのは、次の useState を呼び出したのですが、どうしたのでしょうか? function Avatar(props) { const [user, setUser] = React.useState({...props.user}); return u
2022-04-14 05:21:10 -
[解決済み】TypeScriptのReactアプリケーションでPropTypesを使用する場合
質問 を使用していますか? React.PropTypes それとも、quot;belt and suspenders"のケースなのでしょうか? コンポーネントクラスは Props 型パラメータを指定します。 interface Props { // ... } export class MyComponent extends React.Component<Pro
2022-04-14 04:55:21 -
[解決済み] [Solved] create react app not pick up .env files?
質問 を使用しています。 リアクトアプリの作成 を使用して、私のアプリをブートストラップします。 を2つ追加しました。 .env ファイル .env.development と .env.production を根底に置く。 私の .env.development が含まれています。 API_URL=http://localhost:3000/api CALLB
2022-04-13 17:54:14 -
[解決済み】Axiosのget in urlは機能するが、2番目のパラメータをオブジェクトにすると機能しない
質問 GETリクエストを第2パラメータとして送信しようとしているのですが、urlとしては送信できるのにうまくいきません。 これは、$_GET['naam']がテストを返し、動作します。 export function saveScore(naam, score) { return function (dispatch) { axios.get('http://****.n
2022-04-13 17:05:39 -
[解決済み] [Solved] react-routerでクエリパラメータをプログラムで更新するには?
質問 react-routerでクエリパラメータを更新するために <Link/> . hashHistory.push(url) はクエリパラメータを登録していないようで、第2引数としてクエリオブジェクトなどを渡すことはできないようです。 からのurlをどのように変更するのですか? /shop/Clothes/dresses から /shop/Clothes/dre
2022-04-13 08:44:47 -
[解決済み】jestとreact-testing-libraryを使って、要素が存在しないことをテストするにはどうすればよいですか?
質問 私はJestとreact-testing-libraryを使ってユニットテストを書いているコンポーネントライブラリを持っています。特定のpropsやイベントに基づいて、特定の要素がレンダリングされていないことを検証したいのです。 getByText , getByTestId などが投げられ、エラーが発生します。 react-testing-library が見つかる前にテスト
2022-04-12 10:34:08 -
[解決済み】ReactJSでネストされたオブジェクトのPropTypesを検証する方法は?
質問 ReactJSのコンポーネントのpropsとしてデータオブジェクトを使用しています。 <Field data={data} /> PropTypesオブジェクト自体を検証するのは簡単だと思いますが。 propTypes: { data: React.PropTypes.object } しかし、内部の値を検証したい場合はどうすればよいのでしょうか? 例え
2022-04-12 03:31:45 -
[解決済み】一般的に、1つのコンポーネントで1つのuseEffectフックと多くのuseEffectフックのどちらを使用するのが良いのでしょうか?[クローズド]
質問 閉店 . この質問は オピニオンベース . 現在、回答は受け付けておりません。 <パス この質問を改善したいですか? 質問を更新して、事実と引用で答えられるようにする。 この投稿を編集する .
2022-04-11 23:43:26 -
[解決済み】React 16のFragmentは、なぜコンテナDivよりも優れているのでしょうか?
質問 React 16.2では、以下のサポートが改善されました。 Fragments が追加されました。詳細はReactのブログ記事でご確認ください。 をご覧ください。 次のようなコードでおなじみです。 render() { return ( // Extraneous div element :( <div> Some text.
2022-04-11 23:24:08
最新
-
LinuxでインターフェースのIPアドレスを取得する
-
WPFでリソースであるアイコンを使用するにはどうすればよいですか?
-
Laravel 6.0での「未定義関数str_slug()の呼び出し」について
-
WildFlyのヒープメモリを増やすには?
-
MessageBox.Showダイアログの「はい」「いいえ」ボタンのテキストを変更するには?
-
FlutterでキーボードのText Input Action Button(return/enterキー)を変更するには?
-
同一線上にある2つのdivブロック
-
ナビゲーションバーの右側に複数のUIBarButtonItemを追加するには?
-
絶対配置を使用することはバッドプラクティスとみなされますか?[クローズド]
-
リアクト転写小道具(1個を除く
おすすめ
-
Eclipse で Maven プロジェクトを作成すると、「Could not resolve archetype」というクレームが発生する [重複] 。
-
ドロップダウンリストのselecteditemをプログラムで設定する
-
切り上げ/切り下げ 瞬間を分単位で表す
-
kubernetesを完全にアンインストールする方法
-
Laravelが更新後に「The bootstrap/cache directory must be present and writable」エラーを投げる。
-
LinearLayoutに子要素がある場合、onClickがトリガーされない
-
アンドロイド マシュマロ。Espressoでパーミッションのテスト?
-
車輪の再発明をせずにREST APIを保護する
-
Jenkinsパイプラインで失敗したステージのリトライオプションを実装するには?
-
がチェックアウトされていない...バンドルインストールしても直らない!