問題タブ [use-ref]

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 投票する
2 に答える
8142 参照

reactjs - 入力値クリア - React Hooks

以下のuseRefを使用してボタンをクリックした後、入力をクリアしようとしていますが、私のコードです

ボタンをクリックした後、状態と入力値をクリアしました

入力値はクリアされていますが、ブラウザー デバッガーを示す状態は変化していません。入力フィールドを変更した場合、状態は変化しています。useState setGiftcode はコンポーネントの実際の状態を変化させていません。これを行う別の方法はありますか。理解のために下の画像を参照してください。 ここに画像の説明を入力

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

reactjs - 反応関数コンポーネント内で React.useRef を使用するとエラーが発生しました

反応機能コンポーネント内で React.useRef を使用しています。クラス コンポーネント内で使用する前にエラー メッセージが表示されましたが、反応機能コンポーネントに変更しましたが、以下のエラー メッセージが引き続き表示されます。

React Hook "React.useRef" は、React 関数コンポーネントでもカスタム React Hook 関数でもない関数 "landingPage" で呼び出されます

機能コンポーネントを配置した後もこのメッセージが表示される理由を説明してください。これが私のコードです

これがapp.jsの私のコードです

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

reactjs - document.getElementById() は React 2020 で同等

ボタンをクリックすると、Timer.js という別のコンポーネントの div にアクセスしているかどうかを知りたいだけの Button.js というコンポーネントがあります。バニラ JavaScript では、単純に document.getElementById() を使用して DOM ノードをキャプチャします。これはReactでどのように行われますか?

ドキュメントで callback-refs に遭遇しましたが、機能していません。ref を使用することが DOM 要素にアクセスする React の方法ではない場合は、これを行うための最良の方法を参照してください。前もって感謝します。

ボタン.js

タイマー.js