Skip to main content

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，关注我的掘金主页了解更多 ....** ....