Reactカスタムフック内でuseStateを適切に呼び出すにはどうすればよいですか?

Kevvv

ボタンを押すたびに値を渡して1を引くことができるカスタムフックを作成しようとしています。私は現在、次のようなエラーが発生しています

Reactフック「useLastPage」は、React関数コンポーネントでもカスタムReactフック関数でもない関数「handleLastPage」で呼び出されます。

次のコードで:

function usePrevPage (page) {
    const [lastPage, useLastPage] = useState(page)
    useEffect(() => {
        function handleLastPage(page) {
            useLastPage(page - 1)
        }
        handleLastPage()
    })
    return lastPage
}

私のコードはReactDocのカスタムフックの例を厳密に反映しているためuseLastPage、カスタムフック内で呼び出す方法がわかりません以下はReactのドキュメントからの例です:

function useFriendStatus(friendID) {
  const [isOnline, setIsOnline] = useState(null);

  useEffect(() => {
    function handleStatusChange(status) {
      setIsOnline(status.isOnline);
    }

    ChatAPI.subscribeToFriendStatus(friendID, handleStatusChange);
    return () => {
      ChatAPI.unsubscribeFromFriendStatus(friendID, handleStatusChange);
    };
  });

  return isOnline;
}
dance2die

useLastPageの更新に使用しているため、Reactは混乱していますconst [lastPage, useLastPage] = useState(page)

に変更useLastPageてみてくださいsetLastPageuseフックにプレフィックスを使用する必要があります

デモをチェックしてください-https://codesandbox.io/s/crazy-neumann-hgely

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

c ++ラムダ呼び出し内でObj-Cブロックを適切にキャプチャするにはどうすればよいですか?

分類Dev

戻り定数参照クラスメンバーでセッターを適切に呼び出すにはどうすればよいですか?

分類Dev

カスタム プロジェクトのファイル内検索を適切に実装するにはどうすればよいですか?

分類Dev

値に依存するカスタム反応フックを適切に作成するにはどうすればよいですか?

分類Dev

UIViewクラス内でfromRootViewControllerメソッドを呼び出すにはどうすればよいですか?

分類Dev

Javaでグラフィカルクラスを呼び出すにはどうすればよいですか?

分類Dev

コンストラクターを適切に呼び出してオブジェクトを渡すにはどうすればよいですか?

分類Dev

UITextView内で戻るボタンが押されたときにカスタム関数を呼び出すにはどうすればよいですか?

分類Dev

ReactフックにカスタムclassNameを追加するにはどうすればよいですか?

分類Dev

カスタムクラスのカスタムメソッド内から呼び出されたboto3メソッドをモックするにはどうすればよいですか?

分類Dev

vuetifyフォームでAPIを呼び出すカスタム検証を追加するにはどうすればよいですか?

分類Dev

useStateフックがjestおよびreactテストライブラリで呼び出されたかどうかをテストするにはどうすればよいですか?

分類Dev

panResponderが移動を開始したときに、親クラスでカスタム関数を呼び出すにはどうすればよいですか?

分類Dev

AJAX呼び出し後にJSONを適切に取得するにはどうすればよいですか?

分類Dev

動的配列から値を適切に呼び出すにはどうすればよいですか?-Excel VBA

分類Dev

netapi32!NetSessionEnum()を適切に呼び出すにはどうすればよいですか?

分類Dev

再帰(階乗)を適切に呼び出すにはどうすればよいですか

分類Dev

すべてのWCF呼び出しにカスタムHTTPヘッダーを追加するにはどうすればよいですか?

分類Dev

BackboneJSモデルのすべてのAJAX呼び出しにカスタムHTTPヘッダーを追加するにはどうすればよいですか?

分類Dev

clojurescriptのAPIGET呼び出しにカスタムヘッダーパラメーターを追加するにはどうすればよいですか?

分類Dev

クラスターマネージャー内のマーカーでshowinfowindow()を呼び出すにはどうすればよいですか?

分類Dev

クラスターマネージャー内のマーカーでshowinfowindow()を呼び出すにはどうすればよいですか?

分類Dev

カスタムOidcUserServiceがデフォルトで呼び出されるようにするにはどうすればよいですか?

分類Dev

Firebaseの呼び出し可能なクラウド関数でカスタムエラーをスローするにはどうすればよいですか?

分類Dev

カスタムJsonSerializerを適切に登録するにはどうすればよいですか?

分類Dev

PythonスクリプトでAPI呼び出しの制限を適切に管理するにはどうすればよいですか?

分類Dev

JavaScriptで同じクラス内の関数を呼び出すにはどうすればよいですか?

分類Dev

Reactを使用するフルスタックプロジェクトを適切に構成するにはどうすればよいですか?

分類Dev

pandasデータフレーム内のリストから値を呼び出すにはどうすればよいですか?

Related 関連記事

  1. 1

    c ++ラムダ呼び出し内でObj-Cブロックを適切にキャプチャするにはどうすればよいですか?

  2. 2

    戻り定数参照クラスメンバーでセッターを適切に呼び出すにはどうすればよいですか?

  3. 3

    カスタム プロジェクトのファイル内検索を適切に実装するにはどうすればよいですか?

  4. 4

    値に依存するカスタム反応フックを適切に作成するにはどうすればよいですか?

  5. 5

    UIViewクラス内でfromRootViewControllerメソッドを呼び出すにはどうすればよいですか?

  6. 6

    Javaでグラフィカルクラスを呼び出すにはどうすればよいですか?

  7. 7

    コンストラクターを適切に呼び出してオブジェクトを渡すにはどうすればよいですか?

  8. 8

    UITextView内で戻るボタンが押されたときにカスタム関数を呼び出すにはどうすればよいですか?

  9. 9

    ReactフックにカスタムclassNameを追加するにはどうすればよいですか?

  10. 10

    カスタムクラスのカスタムメソッド内から呼び出されたboto3メソッドをモックするにはどうすればよいですか?

  11. 11

    vuetifyフォームでAPIを呼び出すカスタム検証を追加するにはどうすればよいですか?

  12. 12

    useStateフックがjestおよびreactテストライブラリで呼び出されたかどうかをテストするにはどうすればよいですか?

  13. 13

    panResponderが移動を開始したときに、親クラスでカスタム関数を呼び出すにはどうすればよいですか?

  14. 14

    AJAX呼び出し後にJSONを適切に取得するにはどうすればよいですか?

  15. 15

    動的配列から値を適切に呼び出すにはどうすればよいですか?-Excel VBA

  16. 16

    netapi32!NetSessionEnum()を適切に呼び出すにはどうすればよいですか?

  17. 17

    再帰(階乗)を適切に呼び出すにはどうすればよいですか

  18. 18

    すべてのWCF呼び出しにカスタムHTTPヘッダーを追加するにはどうすればよいですか?

  19. 19

    BackboneJSモデルのすべてのAJAX呼び出しにカスタムHTTPヘッダーを追加するにはどうすればよいですか?

  20. 20

    clojurescriptのAPIGET呼び出しにカスタムヘッダーパラメーターを追加するにはどうすればよいですか?

  21. 21

    クラスターマネージャー内のマーカーでshowinfowindow()を呼び出すにはどうすればよいですか?

  22. 22

    クラスターマネージャー内のマーカーでshowinfowindow()を呼び出すにはどうすればよいですか?

  23. 23

    カスタムOidcUserServiceがデフォルトで呼び出されるようにするにはどうすればよいですか?

  24. 24

    Firebaseの呼び出し可能なクラウド関数でカスタムエラーをスローするにはどうすればよいですか?

  25. 25

    カスタムJsonSerializerを適切に登録するにはどうすればよいですか?

  26. 26

    PythonスクリプトでAPI呼び出しの制限を適切に管理するにはどうすればよいですか?

  27. 27

    JavaScriptで同じクラス内の関数を呼び出すにはどうすればよいですか?

  28. 28

    Reactを使用するフルスタックプロジェクトを適切に構成するにはどうすればよいですか?

  29. 29

    pandasデータフレーム内のリストから値を呼び出すにはどうすればよいですか?

ホットタグ

アーカイブ