ReactNativeのBLEManagerを使ってBLEデバイスと接続したい

Question

前提・実現したいこと

表題の通り、BLEManagerを使ってBLEデバイスに接続をしたいです
環境はMacOS　CatalinaでReact Nativeを使っています
作ろうとしているアプリはiOS用アプリです

試したこと

現在、BLEManagerのインストールができ、BluetoothのON・OFFの状況の把握までできました
https://github.com/innoveit/react-native-ble-manager#basic-example
こちらのBLEManagerの公式サイトを見ながらやっています
接続するには接続先となるBLEデバイスのMACアドレスが必要とのことですがMACアドレスの取得方法がわかりません...
海外のプログラミング交流サイトによると「iOSの場合、デバイスのMACアドレスを取得することはできず、代わりにランダムなUUIDを取得する」という話ですが、もしそれが本当だとしたらどのようにして接続するのでしょうか？

こちらが現在のコードになります

import React, { Component } from 'react';//コンポーネントをインストール
import { NativeModules, NativeEventEmitter } from 'react-native';
import { Text, View, Image, StyleSheet } from 'react-native'//コンポーネントを指定してインストール
import styles from './styles'//スタイルシートを読み込み
import BleManager from 'react-native-ble-manager';//ble-managerをインストール

const BleManagerModule = NativeModules.BleManager;
const bleManagerEmitter = new NativeEventEmitter(NativeModules.BleManager);

class MainScreen extends React.Component {
  
  state = {//bt_statusオブジェクトをon
    bt_status: 'off',
  }

  componentDidMount() {
    BleManager.start({showAlert: false})//BleManagerを起動
    .then(() => {//正常に起動できたら
      console.log('BleManager initialized');//consoleに左記を表示
      bleManagerEmitter.addListener(//リスナー(イベント時に発動する関数)の登録
        'BleManagerDidUpdateState',//BLEの状態を変化させる
        (args) => {
            this.setState({bt_status: args.state})//引数をもとにbt_statusを変更
        }
      );
      BleManager.checkState()//モジュールにBLEの状態をチェックさせ、
                             //BleManagerDidUpdateStateイベントをトリガーする
                             //トリガーとは任意のタイミングでイベント処理を実行させること

    })
    .catch((error) => {//起動できなかったら
        console.log(error)//コンソールにエラーを表示
    });
  }

  render() {
    //stateのbt_statusを表示
    return (
      <View style={styles.container}>
        <Text style={styles.welcome}>
            Bluetooth: {this.state.bt_status}
        </Text>
      </View>
    );
  }
}

export default MainScreen;

本来ならばお金を払って教えてもらうような内容になるため教えていただければ本当に感謝致します
詳しくない方でも何か知っていることがあれば教えていただきたいです
どうかご教授よろしくお願い致します。。。

Comments

[Wind]

>「iOSの場合、デバイスのMACアドレスを取得することはできず、代わりにランダムなUUIDを取得する」という話ですが、もしそれが本当だとしたらどのようにして接続するのでしょうか？

iOSは持っておらずAndroidでのBLE知識ですので、雑談程度に。
Appストアで「nRF Connect」などのBLEアプリを使用してみてはどうでしょうか？
フリーのアプリでMacアドレスが取得出来れば、少なくともiOSの問題では無くなります。
取得せず何らかの方法で識別していれば、その挙動が参考になるかと思います。

Answer 1

なんとか自己解決しました
以下がコードになります

import React, { Component } from 'react';//コンポーネントをインストール
import { NativeModules, NativeEventEmitter } from 'react-native';
import { Text, View, Image, StyleSheet,Button,FlatList } from 'react-native'//コンポーネントを指定してインストール
import styles from './styles'//スタイルシートを読み込み
import BleManager from 'react-native-ble-manager';//ble-managerをインストール

const BleManagerModule = NativeModules.BleManager;
const bleManagerEmitter = new NativeEventEmitter(NativeModules.BleManager);
var connectflag = new Boolean(true);

class MainScreen extends React.Component {
  
  //bt_statusオブジェクトとperipheralListオブジェクトの初期値割当
  state = {
    bt_status: 'off',
    peripheralList: [],
  }

  constructor(){
    super()
    this.handleDiscoverPeripheral = this.handleDiscoverPeripheral.bind(this);
  }

  //コンポーネント(アプリの部品)がマウント(操作可能な状態)された直後に発動するクラス
  componentDidMount() {
    BleManager.start({showAlert: false})//BleManagerを起動
    .then(() => {//正常に起動できたら
      console.log('BleManager initialized');//consoleに左記を表示

      bleManagerEmitter.addListener(//リスナー(イベント時に発動する関数)の登録
        'BleManagerDidUpdateState',//BleManager(Blutooth)のon/off状態が変化した時
        (args) => {
          　　//setStateで更新して再レンダリングしてBluetoothの状態表示を更新
            this.setState({bt_status: args.state})
        }
      );

       bleManagerEmitter.addListener(//リスナー(イベント時に発動する関数)の登録
        'BleManagerDiscoverPeripheral',//BLEデバイスを発見した時
        (args) => {
          /*peripheralオブジェクトのidとnameプロパティに発見したBLEデバイスのidと名前を入れる*/
          //idはUUIDが入ってるがnameは未定義
          peripheral = { 'id': args.id, 'name': args.name };
          //peripheralListにperipheralオブジェクトを要素として追加する
          this.state.peripheralList.push(peripheral);
          //setStateで更新して再レンダリングしてリストを更新
          this.setState(this.state.peripheralList);
          
        }
      );

      //handleDiscoverPeripheralに処理が飛ぶ
      this.handlerDiscover = bleManagerEmitter.addListener('BleManagerDiscoverPeripheral', this.handleDiscoverPeripheral );

      BleManager.checkState()//モジュールにBLEの状態をチェックさせ、
                             //BleManagerDidUpdateStateイベントをトリガーする
                             //トリガーとは任意のタイミングでイベント処理を実行させること

    })
    .catch((error) => {//起動できなかったら
        console.log(error)//コンソールにエラーを表示
    });
  }

  //クラス名は任意、BLEデバイスをスキャンする処理
  scanBLED() {
    //BleMnagerを使ってBLEデバイスをスキャンする
    //第二引数がスキャンする秒数となる
    BleManager.scan([], 5, false)
    .then(() => {//スキャンに成功したら 
      console.log('Scan started');//コンソールに左記を表示する
      this.setState({peripheralList: []});//BLEデバイスリストを初期化する
      connectflag=true;
    })
    .catch((error) => {//スキャンに失敗したら
      console.log(error);//コンソールにエラーを表示する
    });
  }

  //ここでスキャンしたデバイスに接続する
  handleDiscoverPeripheral(peripheral){
    //if(connectflag){
    //peripheralの持ってるデータの確認
    //console.log(JSON.stringify(peripheral));
    alert(JSON.stringify(peripheral.id));//接続したBLEデバイスのUUIDを表示

    //androidはmacID, iosはserviceUUIDが取得できる
    BleManager.connect(peripheral.id);
    console.log(peripheral.id);
    connectflag=false;
    //}
  }

  //クラス名は任意、BLEデバイスリストを構成する処理
  //引数itemは固定で使う(idとnameは引数itemとしてperipheralオブジェクトが入って定義される？)
  //FlatListに渡すstyle名とItemキーを定義する
  //Htmlで画面を構成するオブジェクトに対してidとnameを記述するのと同じ
  renderPeripheral({ item }) {
    return (
      <View style={styles.peripheralList}>
        <Text style={styles.id_text}>{item.id}</Text>
        <Text style={styles.id_text}>{item.name}</Text>
      </View>
    );
  }


  render() {
    //stateのbt_statusを表示
    //scanボタンの設置
    //periphera(BLEデバイス)のリストを表示(FlatListはデータソースとstyle名&Itemキーが必要)
    //this.scanBLED.bind(this)でscanBLEDをscanボタンにバインド(関連付ける)
    //this.renderPeripheral.bind(this)でrenderPeripheralをBLEDリストにバインド(関連付ける)
    return (
      <View style={styles.container}>
        <Text style={styles.welcome}>
            Bluetooth: {this.state.bt_status}
        </Text>
        <Button title="Scan" onPress={this.scanBLED.bind(this)} />
        <FlatList data={this.state.peripheralList} renderItem={this.renderPeripheral.bind(this)} />
      </View>
    );
  }

}

export default MainScreen;

やはりMACアドレスの取得はしないようです
BleManagerDiscoverPeripheral（BLEデバイス発見）トリガーが発動した時にargsというBLEManagerが管理しているであろう謎の引数からUUIDを取得できます
その後、connectメソッドにこのUUIDを渡すことによって接続ができます
コメントをくださったWindさんありがとうございます
確かにMACアドレスを取得するだけなら他にも方法はありそうですね
react-nativeのさらにBLEManagerとなるとマニアックな内容になリます
そのため情報量が少なく大変になると思うので、この回答が誰かの手助けになれば幸いです