云眼提供程序

云眼About 1 min

云眼提供程序

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

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

版本

SDK v2.2.0

描述

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

道具

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

参数

类型

描述

云眼

ReactSDKClient

通过调用优化创建实例 createInstance

用户

对象: { id: 字符串; 属性?: { [键: 字符串]: 任意 } } |承诺用户信息

要传递给 SDK 的每个灰度标帜、A/B 测试或跟踪调用的用户 ID 和用户属性,或相同类型对象的 Promise。

超时
可选

钩子在等待 SDK 实例准备就绪时返回标帜 Decision 的时间量,然后再解析。useDecision``null

是服务器端
可选

布尔

必须在此处传递 true 才能进行服务器端渲染

例子

如果应用程序的根组件是 ,请使用 EyeofcloudProvider 组件包装应用程序。将调用的结果传递给 prop,并设置对象并识别用户:createInstance``eyeofcloud``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.tsopen in new window

Last update:
Contributors: zhangweixue