@cainiaofe/cn-ui-m
Version:
25 lines (24 loc) • 2.71 kB
JavaScript
import * as React from 'react';
import { CnAsyncSelect, CnBox, CnDemoBlock, CnDemoDescription, CnSwitch, CnDemoPage, } from "../../..";
export var 数据源缓存 = function () {
var _a = React.useState(true), showSelect1 = _a[0], setShowSelect1 = _a[1];
var _b = React.useState(true), showSelect2 = _b[0], setShowSelect2 = _b[1];
return (React.createElement(CnDemoPage, { title: "\u6570\u636E\u6E90\u7F13\u5B58" },
React.createElement(CnDemoBlock, { title: "\u6570\u636E\u6E90\u4E0D\u7F13\u5B58\uFF0C\u6E32\u67D3\u65F6\u91CD\u65B0\u8BF7\u6C42", padding: 0 },
React.createElement(CnBox, { margin: [0, 12], direction: "row", spacing: 12, align: "center" },
React.createElement("div", null,
React.createElement(CnSwitch, { checked: showSelect1, onChange: setShowSelect1 })),
React.createElement(CnDemoDescription, null, "\u5207\u6362\u663E\u793A")),
showSelect1 ? (React.createElement(CnAsyncSelect, { remoteUrl: "https://rap2api.alibaba-inc.com/app/mock-scene/7053/api/select/cn-data-source?_tag=mock" })) : null),
React.createElement(CnDemoBlock, { title: "\u6570\u636E\u6E90\u7F13\u5B58\uFF0C\u6E32\u67D3\u65F6\u4E0D\u91CD\u65B0\u8BF7\u6C42", padding: 0 },
React.createElement(CnBox, { margin: [0, 12], direction: "row", spacing: 12, align: "center" },
React.createElement("div", null,
React.createElement(CnSwitch, { checked: showSelect2, onChange: setShowSelect2 })),
React.createElement(CnDemoDescription, null, "\u5207\u6362\u663E\u793A")),
showSelect2 ? (React.createElement(CnAsyncSelect, { remoteUrl: "https://rap2api.alibaba-inc.com/app/mock-scene/7053/api/select/cn-data-source?_tag=mock", requestConfig: {
cacheKey: 'cache-select',
staleTime: -1,
} })) : null)));
};
数据源缓存.desc = "\u9ED8\u8BA4\u60C5\u51B5\u4E0B\uFF0C\u7EC4\u4EF6\u9500\u6BC1\u540E\u91CD\u65B0\u6E32\u67D3\uFF0C\u9700\u8981\u91CD\u65B0\u8C03\u7528\u63A5\u53E3\u83B7\u53D6\u6570\u636E\u3002\u901A\u8FC7\u5F00\u542F\u6570\u636E\u6E90\u7F13\u5B58\uFF0C\u53EF\u4EE5\u4F7F\u7EC4\u4EF6\u9500\u6BC1\u540E\u91CD\u6E32\u67D3\u65F6\u76F4\u63A5\u4F7F\u7528\u7F13\u5B58\u6570\u636E\uFF0C\u4E0D\u7528\u91CD\u65B0\u8BF7\u6C42\u3002\n\u4F7F\u7528requestConfig.cacheKey \u6765\u8BBE\u7F6E\u7F13\u5B58\u7684key\uFF0C\u5168\u5C40\u552F\u4E00\u3002 \u9700\u8981\u914D\u5408requestConfig.staleTime\u4F7F\u7528\uFF0C\u7528\u4E8E\u8BBE\u7F6E\u7F13\u5B58\u7684\u65F6\u95F4\uFF0C\u9ED8\u8BA40\uFF0C\u8BBE\u7F6E\u4E3A-1\u8868\u793A\u4E00\u76F4\u7F13\u5B58\u3002";
export default { title: 'demo/CnAsyncSelect' };