• [解決済み] 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