@obcfe/web-template
v3.0.9
Published
web template
Downloads
21
Readme
使用前
使用前需要在项目中配置全局 Context,为全部组件传递参数,如语言
//在项目最上层(如APP.js)导入OBCProvider
import { OBCProvider } from "@obc/web-template/dist/context";
class App extends Component {
state = {
obcLang: getNewCookie("Lang"),
};
componentDidMount() {
event.on("Lang", (Lang) => {
this.setState({
obcLang: Lang,
});
});
}
render() {
return (
<OBCProvider
lang={this.state.obcLang}
//还可以传递其他参数
>
<Router />
</OBCProvider>
);
}
}
文档
| 名称 | 功能 | 使用说明 | 例子 | 版本 | | -------------- | ------------------- | ------------------------------------------ | ------------------------------------------- | ------ | | BulkEdit | 文本批量处理 | 前往 | 前往 | v1.0.x | | TableTransfer | 内置表格的 Transfer | 前往 | 前往 | v1.0.x | | CCTabs | 标签页 | 前往 | 前往 | v1.0.x | | VirtualList | 虚拟列表 | 前往 | 前往 | v1.0.x | | Contextmenu | 右键弹窗 | 前往 | 前往 | v1.0.x | | ChartLine | 线性图表 | 前往 | 前往 | v1.0.x | | PieChart | 饼图 | 前往 | 前往 | v1.0.x | | Top10Chart | 柱状图 | 前往 | 前往 | v1.0.x | | ColumnSort | 表格排序控件 | 前往 | 前往 | v1.0.x | | OBCTree | 树结构 | 前往 | 前往 | v1.1.3 | | ThirdChartLine | 三代网线性图表 | 前往 | 前往 | v1.2.0 | | CopyIcon | 拷贝空间 | 前往 | 前往 | v3.0.6 |
开发须知
想要获取外部传进来的全局变量,比如语言,需要导入 ConsumerConnect,然后包裹住开发的组件
以 BulkEdit 组件为例子
import { ConsumerConnect } from "../context";
Class BulkEdit extends Component{
...
}
export default ConsumerConnect(BulkEdit);
然后在 props 中就可以拿到 lang 属性