小编dan*_*s87的帖子

Ant 设计在 options 属性中选择组件 OptGroup

是否可以将 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)

我想将 …

reactjs antd

3
推荐指数
1
解决办法
1069
查看次数

是否可以使用 Alpine.js 从 for 循环将变量注入到 img 的 src 内?

我正在使用 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)

html nunjucks alpine.js

1
推荐指数
1
解决办法
3421
查看次数

标签 统计

alpine.js ×1

antd ×1

html ×1

nunjucks ×1

reactjs ×1