Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
钟摆人-Puppet゜
ant-design-pro
提交
41a1798a
A
ant-design-pro
项目概览
钟摆人-Puppet゜
/
ant-design-pro
与 Fork 源项目一致
从无法访问的项目Fork
通知
2
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
A
ant-design-pro
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
41a1798a
编写于
9月 30, 2018
作者:
陈
陈帅
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
add new TagSelect demo
上级
fab29f3e
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
50 addition
and
0 deletion
+50
-0
src/components/TagSelect/demo/controlled.md
src/components/TagSelect/demo/controlled.md
+50
-0
未找到文件。
src/components/TagSelect/demo/controlled.md
0 → 100644
浏览文件 @
41a1798a
---
order
:
3
title
:
受控模式
---
结合
`Tag`
的
`TagSelect`
组件,方便的应用于筛选类目的业务场景中。
```
jsx
import
{
Button
}
from
'
antd
'
;
import
TagSelect
from
'
ant-design-pro/lib/TagSelect
'
;
class
Demo
extends
React
.
Component
{
state
=
{
value
:
[
'
cat1
'
],
};
handleFormSubmit
=
value
=>
{
this
.
setState
({
value
,
});
};
checkAll
=
()
=>
{
this
.
setState
({
value
:
[
'
cat1
'
,
'
cat2
'
,
'
cat3
'
,
'
cat4
'
,
'
cat5
'
,
'
cat6
'
],
});
};
render
()
{
return
(
<
div
>
<
Button
onClick
=
{
this
.
checkAll
}
>
全部
</
Button
>
<
div
style
=
{
{
padding
:
16
,
}
}
>
<
TagSelect
hideCheckAll
=
{
true
}
value
=
{
this
.
state
.
value
}
onChange
=
{
this
.
handleFormSubmit
}
>
<
TagSelect
.
Option
value
=
"cat1"
>
类目一
</
TagSelect
.
Option
>
<
TagSelect
.
Option
value
=
"cat2"
>
类目二
</
TagSelect
.
Option
>
<
TagSelect
.
Option
value
=
"cat3"
>
类目三
</
TagSelect
.
Option
>
<
TagSelect
.
Option
value
=
"cat4"
>
类目四
</
TagSelect
.
Option
>
<
TagSelect
.
Option
value
=
"cat5"
>
类目五
</
TagSelect
.
Option
>
<
TagSelect
.
Option
value
=
"cat6"
>
类目六
</
TagSelect
.
Option
>
</
TagSelect
>
</
div
>
</
div
>
);
}
}
ReactDOM
.
render
(<
Demo
/>,
mountNode
);
```
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录