> ## Documentation Index
> Fetch the complete documentation index at: https://moengage.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# React Native でセルフハンドル型 In-App はどのように機能しますか？

> MoEngage を使用した React Native でのセルフハンドル型アプリ内メッセージの仕組み（単一および複数回の呼び出し時のコールバック処理とイベントの順序を含む）について説明します。

React Native のセルフハンドル型 In-App 機能では、アクティブなコールバックが完了した後にのみ、新しいイベントリスナーが設定されます。このアプローチにより、イベントが個別に処理され、コールバックの正しい順序と実行が維持されます。

仕組みは次のとおりです。

* **単一呼び出しのシナリオ**\
  アプリ内でセルフハンドル型 In-App メソッドが 1 回呼び出された場合、イベントリスナーはペイロードを 1 回だけ取得してログに記録します。以下は実装のサンプルスニペットです。
  <img alt="scenario 1a.png" src="https://mintcdn.com/moengage/wjYnJKL0xml-g3HM/images/moengage_4608f5.png?fit=max&auto=format&n=wjYnJKL0xml-g3HM&q=85&s=1c925356062d2dc1585cd0ecfcc07383" width="1440" height="564" data-path="images/moengage_4608f5.png" />
  <img alt="scenario 1b.png" src="https://mintcdn.com/moengage/QRy8rcYszbTJNwGr/images/moengage_b22985.png?fit=max&auto=format&n=QRy8rcYszbTJNwGr&q=85&s=b30aa5a0b836ba7c40620e125cf71210" width="1148" height="683" data-path="images/moengage_b22985.png" />
* **複数回呼び出しのシナリオ**\
  セルフハンドル型 In-App メソッドが短時間に連続して複数回呼び出された場合でも、React Native のイベント処理モデルにより、リスナーは 1 回だけ応答します。例:
  <img alt="scenario 2a.png" src="https://mintcdn.com/moengage/rcvpxihxIp--_HSE/images/moengage_935906.png?fit=max&auto=format&n=rcvpxihxIp--_HSE&q=85&s=7f9c8be2590e7c758dbfc2401971c167" width="1440" height="645" data-path="images/moengage_935906.png" />
  <img alt="scenario 2b.png" src="https://mintcdn.com/moengage/S5VM4C7aiU6sct6c/images/moengage_046739.png?fit=max&auto=format&n=S5VM4C7aiU6sct6c&q=85&s=52d27e76cbdc8f92c7876a7e207fd1fd" width="1148" height="738" data-path="images/moengage_046739.png" />

このように順序立ててイベントを処理することは、アプリケーションの安定性と予測可能性を保つうえで非常に重要です。セルフハンドル型の各 In-App メッセージを 1 つずつ処理することで、開発者はすべてのメッセージが適切に管理されるようにでき、全体的なユーザー体験が向上します。
