跳到主要内容

useRemoteComp

通过 useRemoteComp 获取指定名字的远程模块暴露的组件

function useRemoteComp<T extends any = React.ForwardRefExoticComponent<any>>(
name: string,
compName: string,
options?: IUseRemoteCompOptions,
): T;

基本用法

获取远程组件,如果当前用户未在灰度名单里,则返回最新版本模块暴露的组件,反之则返回灰度版本模块暴露的组件

const Comp = useRemoteComp('remote-tdesign-react', 'Button');
return <Comp ref={someRef} label="any props you want" />;

指定版本号

useRemoteComp('remote-tdesign-react', 'Button', {
versionId: 'remote-tdesign-react_20220611094219',
});

IUseRemoteCompOptions

属性
类型
默认值
描述
shadowbooleantrue是否使用采样 shaw-dom 模式渲染
appendCssboolean未显式设置 appendCss 时,它的默认受设置 shadow 影响
false [when shadow true]
true [when shadow false]
是否向 document 或 shadow-root 上附加样式外联样式标签
getStyleStr(styleStr: string) => stringundefined替换或改造默认解析出来的字符串

文档正在拼命建设中,有疑问可联系 fantasticsoul 或提 issue,关注我的掘金主页了解更多 ....** ....