时间戳

首页 > 解决方案 > Ant设计Cascader组件中如何反转选项

reactjs - Ant设计Cascader组件中如何反转选项

问题描述

Cascader 的默认行为是选项的嵌套从左到右。我需要的是他们从右到左。但是在组件的 API 中找不到烂东西。

这甚至可能吗？

我试过放置：

export const MultiSelect = ({ placeholder }: MultiSelectProps): JSX.Element => {
return (
    <div>
        <Cascader
            options={options}
            size={'large'}
            style={{ marginLeft: 'auto', height: '48px' }}
            expandTrigger="hover"
            displayRender={displayRender}
            onChange={onChange}
            placeholder={placeholder}
            placement="bottomRight"
        />
    </div>
  );
};

错误 TypeScript 给了我：

键入'{选项：{值：字符串；标签：字符串；孩子：{值：字符串；标签：字符串；孩子：{值：字符串；标签：字符串；}[]; }[]; }[]; 尺寸：“大”；样式：{ marginLeft：字符串；高度：字符串；}; 展开触发器：“悬停”；displayRender: (label: any) => any; onChange: (value: any) => void; placeholder: string;...' 不可分配给类型 'IntrinsicAttributes & IntrinsicClassAttributes & Pick<Readonly & Readonly<...>, "placeholder" | ... 28 更多... | "transitionName"> & 部分<...> & 部分<...>'。类型“IntrinsicAttributes & IntrinsicClassAttributes & Pick<Readonly & Readonly<...>, "placeholder" 上不存在属性“placement” ... 28 更多... | “过渡名称”>

标签： reactjstypescriptnext.jsantd

解决方案

如果我完全理解你在说什么，那么placementCascader 上有一个属性。您可以将其设置为placement="bottomRight"对话框从右到左。

推荐阅读