如何在Sanity Studio中为radio单选按钮设置默认选中值?
Sanity Studio 配置radio单选项默认选中值
radio布局只是选项列表的展示形式,本质该字段还是字符串类型,initialValue配置逻辑和普通字符串字段完全一致,不需要针对radio布局做特殊处理,只需要把初始值设置为目标选项对应的value字段值即可。
配置方式1:字段内直接设置
直接在你标注注释的字段配置位置添加initialValue属性即可,对应你要默认选中的Fiction选项,它的value是fiction,配置代码如下:
export default { name: 'banner', title: 'Banner', type: 'document', fields: [ { name: "category", title: "Category", description: "Choose a category", type: "string", options: { layout: "radio", list: [ { title: "Documentary", value: "documentary" }, { title: "Fiction", value: "fiction" }, ], }, // 直接在此处设置初始值 initialValue: "fiction" }, ] }
配置方式2:文档根节点统一配置
如果文档有多个字段需要统一设置初始值,可以把initialValue配置在document根层级,按字段名映射对应初始值:
export default { name: 'banner', title: 'Banner', type: 'document', // 根层级统一配置所有字段初始值 initialValue: { category: "fiction" }, fields: [ { name: "category", title: "Category", description: "Choose a category", type: "string", options: { layout: "radio", list: [ { title: "Documentary", value: "documentary" }, { title: "Fiction", value: "fiction" }, ], }, }, ] }
注意事项:配置时必须传入选项的value属性值,不要传入title对应的显示文本,比如这里不能写initialValue: "Fiction",必须传入小写的"fiction",否则默认选中不会生效。
内容的提问来源于stack exchange,提问作者jayweezy
相关产品推荐
相关产品推荐

