問題タブ [react-hooks]

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.

0 投票する
3 に答える
23081 参照

reactjs - React Native: コンポーネントと componentWillMount() メソッドの間で小道具を渡す

React Native 0.43 を使用しています。と という名前の 2 つのコンポーネントがParentComponentありChildComponentます。親コンポーネントから子コンポーネントにいくつかの小道具を渡したいです。親コンポーネントで次のコード(要約版)を使用しています:

私の子コンポーネントは次のとおりです。

今、私のコンソールは次の結果を示しています:

現在、私の元のコードには、少なくとも最初のレンダリングでは、明らかに渡されていないcomponentWillMount()値に依存する Web サービスへの API 呼び出しがあります。this.state.latitude2 番目のレンダリングで、this.state.latitude値が使用可能になると、render()関数のみが実行されますが、関数でこの値が必要componentWillMount()です。

ここで何が間違っていますか?

0 投票する
2 に答える
13504 参照

reactjs - 値を変更した後にReactコンポーネントが更新されない

ReactJS では、ステートレス コンポーネントを作成しています。
不必要な状態を避けることを読んだので、ベストプラクティスです。

このコンポーネントは、入力ボックスに値が含まれているときに機能を実行する入力フィールドを表します。

ここで、上記のコンポーネントをテストするためのサンプルである別のコンポーネントを作成しました。これは次のようになります。

valueそのため、入力フィールドの内容が変更されたときに変更されるコンポーネントのカスタム変数にバインドしています。

入力フィールド コンポーネントが新しいユーザー名で更新されないのはなぜですか?

敬具、

0 投票する
1 に答える
5447 参照

javascript - React で新しい機能フックを使用するには?

反応の新しい機能フックについて読みました。フックについて読み ますが、使用できません。それは私にエラーを与えます。

現在、バージョン 16.6.0 を使用しています

最後に、フックを理解しました。

Funとしてインポートし、app.jsファイルで使用しました

私が犯した間違いは、React v16.7.0-alpha をインストールしなかったため、npm add react@next react-dom@next を使用してインストールしたことです。

ありがとうございました

0 投票する
4 に答える
26493 参照

javascript - React.useState トリガーはどのように再レンダリングしますか?

上記の例では、 が呼び出されるたびsetCount(count + 1)に再レンダリングが発生します。流れを知りたいです。

ソースコードを調べてみました。github.com/facebook/reactuseStateで、または他のフックの参照が見つかりませんでした。

react@next経由でインストールしnpm i react@next、次の場所を見つけましたnode_modules/react/cjs/react.development.js

をさかのぼってdispatcher.useState()調べたところ、次のようなものしか見つかりませんでした ...

どこで実装を見つけて、呼び出されたdispatcher.useState()ときに再レンダリングをトリガーするかを学ぶことができるのだろうか。setState setCount

どんなポインタでも役に立ちます。

ありがとう!

0 投票する
13 に答える
98675 参照

javascript - setInterval 内で React 状態フックを使用すると状態が更新されない

私は新しいReact Hooksを試していて、毎秒増加するはずのカウンターを備えたClockコンポーネントを持っています。ただし、値は 1 を超えて増加しません。