云眼提供程序

本主题介绍如何使用 EyeofcloudProvider 将 React Native 应用程序包装在根目录，以便整个 React 应用程序访问 Eyeofcloud灰度标帜(Feature Flag) 的 API。

使用 EyeofcloudProvider 将 React Native 应用程序包装在根目录，让整个 React 应用程序访问 Eyeofcloud灰度标帜(Feature Flag) 的 API。

版本

SDK v2.2.0

描述

EyeofcloudProvider 利用 React 的 Context API 允许访问 ReactSDKClient 以使用 Decision hook。

道具

下表列出了 React 中 EyeofcloudProvider 组件的必需和可选 props。

参数	类型	描述
云眼	ReactSDKClient	通过调用createInstance创建云眼实例
用户	对象： { id： 字符串; 属性？： { [键： 字符串]： 任意 } } 承诺用户信息	要传递给 SDK 的每个灰度标帜、A/B 测试或跟踪调用的用户 ID 和用户属性，或相同类型对象的 Promise。
超时 可选	数	useDecision钩子在等待 SDK 实例准备就绪时返回null标帜 Decision 的时间量，然后再解析。
是服务器端 可选	布尔	必须在此处传递 true 才能进行服务器端渲染

例子

如果应用程序的根组件是 ，请使用 EyeofcloudProvider 组件包装应用程序。将调用createInstance的结果传递给eyeofcloudprop，并设置user对象id和attributes并识别用户：

React

import React from 'react'; 
import {   
    createInstance,   
    EyeofcloudProvider, 
} from '@eyeofcloud/react-sdk'  

const eyeofcloud = createInstance({   
    sdkKey: '<Your_SDK_Key>', })  
    
class AppWrapper extends React.Component {   
    render() {     
        return (       
            <EyeofcloudProvider         
            eyeofcloud={eyeofcloud}         
            user={           
                {             
                    id: 'user123',             
                    attributes: {               
                        'device': 'iPhone',               
                        'lifetime': 24738388,               
                        'is_logged_in': True,             
                    }           
                }         
            }>         
            <App />       
        </EyeofcloudProvider>     
    )   
}

源文件

包含 React 实现的语言/平台源文件是 index.ts。