@cainiaofe/cn-ui-m/es/components/cn-async-select/demo/init.stories.js

## 在线文档

import * as React from 'react';
import { CnAsyncSelect, CnBox, CnButton, CnCard, CnDemoPage, } from "../../..";
export var 数据回显 = function () {
    var _a = React.useState(''), value = _a[0], setValue = _a[1];
    return (React.createElement(CnDemoPage, { title: "\u6570\u636E\u56DE\u663E" },
        React.createElement(CnCard, null,
            React.createElement(CnBox, null,
                React.createElement(CnButton, { type: "secondary", onClick: function () {
                        setValue('DJec');
                    } }, "\u8BBE\u7F6Evalue")),
            React.createElement(CnAsyncSelect, { value: value, onChange: setValue, initRequestConfig: {
                    url: 'https://rap2api.alibaba-inc.com/app/mock-scene/7053/api/select/cn-data-source?_tag=mock',
                } }))));
};
数据回显.desc =
    '当组件的value值在dataSource中没有对应的匹配项时，会自动调用一次请求。常用于下拉数据回显的场景。如果回显的接口和常规的请求接口不同，可以配置initRequestConfig，用于数据回显的查询。';
export default { title: 'demo/CnAsyncSelect' };