我在开发 gutenberg 块的过程中遇到了一个挑战,即使查看文档也无法解决,因此我有一个名为options
的数组列表,我想通过FormTokenField组件向用户显示title
以选择类别,并在后端为我返回所选的id
以进行posts循环查询和其他操作...
options = [
{
"id": 57,
"title": "Accessories"
},
{
"id": 54,
"title": "Clothing"
},
{
"id": 59,
"title": "Decor"
},
{
"id": 56,
"title": "Hoodies"
},
{
"id": 58,
"title": "Music"
}
]
const MyFormTokenField = withState({
})(() => (
<FormTokenField
value={productCats}
placeholder="Enter at least two letters"
label={__('select categories', 'fortest')}
suggestions={options}
onChange={(value) =>
setAttributes({ productCats: value })
}
__experimentalExpandOnFocus="true"
__experimentalShowHowTo={false}
/>
));
我期望id
列表返回给我,但是title
从FormTokenField的输出返回给我,但是我需要所选项目的id
用于查询和...
1条答案
按热度按时间qqrboqgw1#
你可以试试这个:
您将获得所选项目的id,并且可以使用该id来查询帖子或其他相关操作,还可以使用FormTokenField组件的值属性来存储所选id。