云眼提供程序

本主题介绍如何使用 EyeofcloudProvider 在根目录中包装 React 应用程序，以便整个 React 应用程序访问 Eyeofcloud灰度发布 的 API。

使用 EyeofcloudProvider 将 React 应用程序包装在根目录，让整个 React 应用程序可以访问 Eyeofcloud灰度发布 的 API。

版本

SDK v1.0.0

描述

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

道具

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

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

例子

如果应用程序的根组件是createInstance，请使用 EyeofcloudProvider 组件包装eyeofcloud应用程序。将调用的结果传递给 prop，并设置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。