@cainiaofe/cn-ui-m
Version:
18 lines (17 loc) • 1.01 kB
JavaScript
import * as React from 'react';
import { CnButton, CnDemoPage, CnInput, CnDemoBlock } from "../../..";
export var 受控 = function () {
var _a = React.useState('初始值'), val = _a[0], setVal = _a[1];
return (React.createElement(CnDemoPage, { title: "\u53D7\u63A7" },
React.createElement(CnDemoBlock, { title: "\u53D7\u63A7" },
React.createElement("h2", null, "\u8BBE\u7F6E\u503C"),
React.createElement(CnInput, { placeholder: "\u8BF7\u8F93\u5165", value: val, controlled: true, autoFocus: true }),
React.createElement("div", null,
React.createElement(CnButton, { type: "primary", onClick: function () {
setVal('修改后的值');
} }, "\u8BBE\u7F6E\u503C"),
React.createElement(CnButton, { type: "secondary", onClick: function () {
setVal(undefined);
} }, "\u8BBE\u7F6E\u4E3A undefined")))));
};
export default { title: 'demo/CnInput' };