@cainiaofe/cn-ui-m
Version:
20 lines (19 loc) • 1.18 kB
JavaScript
import React, { useRef } from 'react';
import { CnBox, CnButton, CnDemoBlock, CnDemoPage, CnSearch, } from "../../..";
export var Useref = function () {
var searchRef = useRef(null);
return (React.createElement(CnDemoPage, { title: "\u4F7F\u7528Ref" },
React.createElement(CnDemoBlock, { title: "\u4F7F\u7528Ref" },
React.createElement(CnBox, { direction: "column", spacing: 12 },
React.createElement(CnSearch, { ref: searchRef, showCancelMode: "always", hasClear: true }),
React.createElement(CnBox, { direction: "row", spacing: 12 },
React.createElement(CnButton, { onClick: function () {
var _a;
(_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.clear();
} }, "\u6E05\u7A7A\u5185\u5BB9"),
React.createElement(CnButton, { onClick: function () {
var _a;
(_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.focus();
} }, "\u6FC0\u6D3B"))))));
};
export default { title: 'demo/CnSearch' };