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

Question

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;占位符：字符串；...' 不是 可分配给类型'IntrinsicAttributes & IntrinsicClassAttributes & Pick, "占位符" | ... 28 更多... | "过渡名称"> & 部分<...> & 部分<...>'。属性“放置”不存在于 输入'IntrinsicAttributes & IntrinsicClassAttributes & Pick, "占位符" | ... 28 更多... | "transitionName"> & 部分<...> & 部分<...>'.ts(2322)

Answer 1

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