状態を設定してから、リダイレクト/ナビゲートを実行します

AnneJoday

onClickで実行された後にのみ関数呼び出しを実行するにはどうすればよいですか。だから私はクリック時に状態を設定してから、他のページにリダイレクトしようとしています。このようなもの。{データ=> {リターン(

        <MenuItem selected={isHighlighted} component="div"
        onClick={e => {
        e.preventDefault();  
          () => data.setSidenav(path)
        navigate(path)

        }}

        >

        </MenuItem>

    );
  }}
  </ContextConsumer>
トビー

setStateはコールバックを取ることができます:

this.setState({ some: 'thing' }, () =>
    // do something here - only executes
    // once setState has run
    console.log(this.state.some)
)

したがって、navigate関数をに渡してdata.setSidenav、setStateコールバックとして実行することができます。または、setSidenavどちらも「パス」を引数として取るように見えるため関数にナビゲート関数を含めることもできます。

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

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

編集
0

コメントを追加

0

関連記事

分類Dev

React.jsフックはイベントリスナーから状態関数を設定します

分類Dev

React Native:APIリクエストを作成し、状態を設定してからレンダリングしますか?

分類Dev

ReactBootstrapを使用して、ルートに応じてナビゲーションアイテムにアクティブ状態を設定する

分類Dev

タイル状態の単純なプリローダー-コントローラーからビュープロパティを設定しますか?

分類Dev

UIルーター:抽象親状態にナビゲートするときに子状態にリダイレクトします

分類Dev

Pythonスクリプトからスクレイプ状態を実行して保存する方法

分類Dev

Auth0:ルールからリダイレクトします。状態を保護する方法は?

分類Dev

イベントリスナーを追加し、 `scan`を使用して縮小状態を維持してから、イベントリスナーを削除します

分類Dev

バイナリをリンクして、元のディレクトリから実行します

分類Dev

C ++ Qt:スレッドからcoutをリダイレクトして、シグナルを発行します

分類Dev

varがredux状態に設定されていない場合はナビゲートします

分類Dev

ナビゲーションルールを使用してリダイレクトを行う方法

分類Dev

リンクを実行してから再度リダイレクトする

分類Dev

bashの内部関数からのリダイレクトを設定します

分類Dev

React-router-空の状態をチェックしてリダイレクトしますか?

分類Dev

Playでwwwからwww以外へのリダイレクトをどのように設定しますか?デフォルトのサーバーを実行しているJava2.3?

分類Dev

2番目のゲートウェイを介してポートリダイレクションを設定しようとしています

分類Dev

Q#は、測定を実行した後、キュービットの状態を維持しますか?

分類Dev

PassportJS-コールバック時にリダイレクトできるように状態を動的に設定します

分類Dev

角度を使用してナビゲートしながら変数を設定します

分類Dev

jqueryを使用してタグの特定の部分でクリックイベントを実行したら、ナビゲーションを停止する方法

分類Dev

Reduxに関して、ビューレンダリングは、ストアが初期状態を設定するきっかけとなるものですか?それとも、ストアは最初に最初にセットアップされますか?

分類Dev

ターミナルを介して現在のディレクトリから各フォルダでアクションを実行します

分類Dev

Puppeteerを使用してナビゲートしたページからスクレイプできません

分類Dev

ナビゲーションルートの状態に反応して、キーとインデックスを作成します

分類Dev

入力からコンポーネントの状態を設定します

分類Dev

GNU makeファイルからLinuxシェルコマンドを実行して、ビルドターゲットの前提条件を設定する方法

分類Dev

各URLの前に機能を実行してから、Symfony2.6でリダイレクトします

分類Dev

ディレクトリの下部構造をナビゲートしてから.xmlファイルを操作するbashスクリプト

Related 関連記事

  1. 1

    React.jsフックはイベントリスナーから状態関数を設定します

  2. 2

    React Native:APIリクエストを作成し、状態を設定してからレンダリングしますか?

  3. 3

    ReactBootstrapを使用して、ルートに応じてナビゲーションアイテムにアクティブ状態を設定する

  4. 4

    タイル状態の単純なプリローダー-コントローラーからビュープロパティを設定しますか?

  5. 5

    UIルーター:抽象親状態にナビゲートするときに子状態にリダイレクトします

  6. 6

    Pythonスクリプトからスクレイプ状態を実行して保存する方法

  7. 7

    Auth0:ルールからリダイレクトします。状態を保護する方法は?

  8. 8

    イベントリスナーを追加し、 `scan`を使用して縮小状態を維持してから、イベントリスナーを削除します

  9. 9

    バイナリをリンクして、元のディレクトリから実行します

  10. 10

    C ++ Qt:スレッドからcoutをリダイレクトして、シグナルを発行します

  11. 11

    varがredux状態に設定されていない場合はナビゲートします

  12. 12

    ナビゲーションルールを使用してリダイレクトを行う方法

  13. 13

    リンクを実行してから再度リダイレクトする

  14. 14

    bashの内部関数からのリダイレクトを設定します

  15. 15

    React-router-空の状態をチェックしてリダイレクトしますか?

  16. 16

    Playでwwwからwww以外へのリダイレクトをどのように設定しますか?デフォルトのサーバーを実行しているJava2.3?

  17. 17

    2番目のゲートウェイを介してポートリダイレクションを設定しようとしています

  18. 18

    Q#は、測定を実行した後、キュービットの状態を維持しますか?

  19. 19

    PassportJS-コールバック時にリダイレクトできるように状態を動的に設定します

  20. 20

    角度を使用してナビゲートしながら変数を設定します

  21. 21

    jqueryを使用してタグの特定の部分でクリックイベントを実行したら、ナビゲーションを停止する方法

  22. 22

    Reduxに関して、ビューレンダリングは、ストアが初期状態を設定するきっかけとなるものですか?それとも、ストアは最初に最初にセットアップされますか?

  23. 23

    ターミナルを介して現在のディレクトリから各フォルダでアクションを実行します

  24. 24

    Puppeteerを使用してナビゲートしたページからスクレイプできません

  25. 25

    ナビゲーションルートの状態に反応して、キーとインデックスを作成します

  26. 26

    入力からコンポーネントの状態を設定します

  27. 27

    GNU makeファイルからLinuxシェルコマンドを実行して、ビルドターゲットの前提条件を設定する方法

  28. 28

    各URLの前に機能を実行してから、Symfony2.6でリダイレクトします

  29. 29

    ディレクトリの下部構造をナビゲートしてから.xmlファイルを操作するbashスクリプト

ホットタグ

アーカイブ