問題タブ [react-functional-component]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - 値を変更した後にReactコンポーネントが更新されない
ReactJS では、ステートレス コンポーネントを作成しています。
不必要な状態を避けることを読んだので、ベストプラクティスです。
このコンポーネントは、入力ボックスに値が含まれているときに機能を実行する入力フィールドを表します。
ここで、上記のコンポーネントをテストするためのサンプルである別のコンポーネントを作成しました。これは次のようになります。
valueそのため、入力フィールドの内容が変更されたときに変更されるコンポーネントのカスタム変数にバインドしています。
入力フィールド コンポーネントが新しいユーザー名で更新されないのはなぜですか?
敬具、
reactjs - react-hooks クエリと setState により 500 エラーが発生する
これはバグか設定ミスの可能性があると思います。次のエラーが表示されます。
networkError: ServerError: Response not successful: Received status code 500
初めてフォームを送信すると、目的の結果が得られますが、もう一度送信ボタンを押すと、上記の networkError メッセージが表示されます。
setValu({texterror: {status: true, text: 'it be broke yo'}})ただし、キャッチで削除すると、500エラーはなくなります。送信ボタンをスパムしても、500 エラーは表示されません。
現時点では、この問題を回避するためだけに setState を内部に含めるつもりはありませんが、この問題の解決策があるかどうかを知りたいです。
どんな助けでも大歓迎です。前もって感謝します！
reactjs - React 機能コンポーネントの状態の変更は、子コンポーネントがその props を再読み取りすることをトリガーしません
私はこのReact機能コンポーネントを持っています。v16.8以降、機能コンポーネントには一種の「状態」があることがわかっています。useEffect を使用して "setState" を使用して変数productsを状態にします。次に、子コンポーネント *ProductGrid のプロップとしてproductを渡します。親コンポーネントとして ProductOfCategory があり、URL からデータを取得し、結果を状態変数「products」に設定します。子コンポーネントの ProductGrid を使用できるようにしたいそのデータを読み取る（変更する）ので、このようにしました。
親：
子：
結果: 親のデータが変更されると、(コンソールで) 子コンポーネント (ProductGrid) も再レンダリングされることがわかりますが、その prop 変数「products」はそうではありません。常に空の配列です。これの理由は何ですか？機能コンポーネントの状態がレガシー状態と異なるということですか? これを克服する方法はありますか？
どうもありがとう。
arrays - 状態としての配列: 状態の更新は、機能コンポーネント内のすべての子をフックで再レンダリングします
array.map 関数を使用して、単語の膨大なリストをレンダリングしています。ユーザー入力に応じて、個々の配列要素を変更します (一度に 1 つだけ)。
リターン部分：
一度に 1 つの要素であり、インデックス (キーとして使用する) が変更されないにもかかわらず、単語のリスト全体が状態の変更 (キーストロークごとに発生) で再レンダリングされるため、パフォーマンスの問題が発生します。配列で構成される状態を更新する場合、これは既定の動作ですか? その場合、状態の配列をどのように実装しますか (各単語は独自の状態です)、一度に 1 つの状態のみを更新するため、状態に接続されている個々の子のみを再レンダリングします (または、何かが欠けている/誤解しています) )?