promise-dictionary(获取异步数据字典的解决方案)
适用场景:
- 组件后续的组件渲染所依赖的数据字典需要从后台异步获取的场景
- 数据字典返回值是固定值
高阶组件版本
import React from "react";
import {injectDictionary} from "@yushicheng/promise-dictionary";
@injectDictionary({
test: Promise.resolve(111)
})
class TestinjectDictionary extends React.Component {
constructor(props) {
super(props);
this.state = {};
};
render() {
const { $dictionary: { test } } = this.props;
return (
<div>
<div>测试高阶组件</div>
<div>{test}</div>
</div>)
};
};
export default TestinjectDictionary;
hooks版本
import React from "react"
import {useDictionary} from "@yushicheng/promise-dictionary";
export default function TestUseDictionary(props) {
const dictionaryValue = useDictionary(Promise.resolve(445454))
return (
<div>
<div>测试useDictionary:</div>
<div>{dictionaryValue}</div>
</div>)
};