是否可以将 OptGroup 添加到来自 Ant Design ( https://ant.design/components/select/ ) 的Select 组件中的 options 道具?
import React from 'react';
import { Select } from 'antd';
const Places = () => {
function handleChange(value, objectValues) {
console.log(value);
console.log(objectValues);
}
return (
<>
<Select
labelInValue
defaultValue={{ value: 'Lucy' }}
style={{ width: 120 }}
onChange={handleChange}
options={[ // add OptGroup here ??
{ label: 'Jack', value: 'Jack', id: '1' },
{ label: 'Lucy', value: 'Lucy', id: '2' },
]}
/>
</>
);
};
export default Places;
Run Code Online (Sandbox Code Playgroud)
我想将 …
我正在使用 Alpine.js 运行 for 循环。我正在使用 Nunjucks 模板引擎。
我有一个包含三个项目的数组,称为 items
是否可以在img标签的src属性中注入item变量?请参阅下面的代码。
<div x-data="{items: ['first-image.png','second-image.png','third-image.png'], active: 0}">
<div class="snap overflow-auto relative flex-no-wrap flex transition-all" x-ref="slider"
x-on:scroll.debounce="active = Math.round($event.target.scrollLeft / ($event.target.scrollWidth / items.length))">
<template x-for="(item,index) in items" :key="index">
<div class="w-full flex-shrink-0 flex items-center justify-center">
<img src="`../assets/images/favicon/${item}`" alt="" style="height:550px">
</div>
</template>
</div>
Run Code Online (Sandbox Code Playgroud)