收藏
回答

Tdesign 怎么传ActionSheet Props?

我想设置不显示取消按钮 但是在好多引用组件的地方都试过了 发现不管用 请问有朋友知道具体怎么传吗?

回答关注问题邀请回答
收藏

1 个回答

  • CRMEB
    CRMEB
    2023-10-16

    在 Tdesign 中,可以通过设置 `ActionSheet` 组件的 `cancelText` 属性为空字符串来隐藏取消按钮。具体代码如下:


    import { ActionSheet } from 'tdesign-react';
    
    const App = () => {
      const handleClick = () => {
        actionSheetRef.current?.open();
      };
    
      return (
        <div>
          <button onClick={handleClick}>点击打开 ActionSheet</button>
          <ActionSheet
            ref={actionSheetRef}
            cancelText="" // 设置取消按钮文本为空字符串,隐藏取消按钮
            onCancel={() => console.log('取消')}
            onClose={() => console.log('关闭')}
            onSelect={(selectedIndex) => console.log('选中', selectedIndex)}
          >
            <ActionSheet.Item key="1">选项1</ActionSheet.Item>
            <ActionSheet.Item key="2">选项2</ActionSheet.Item>
            <ActionSheet.Item key="3">选项3</ActionSheet.Item>
          </ActionSheet>
        </div>
      );
    };
    
    export default App;
    


    在这个例子中,我们通过设置 `cancelText` 属性为空字符串来隐藏取消按钮。同时,我们还设置了 `onCancel`、`onClose` 和 `onSelect` 事件处理函数,以便在用户操作时进行相应的处理。

    2023-10-16
    有用
    回复 1
    • gmy
      gmy
      2023-10-16
      十分感谢 成功了!
      2023-10-16
      回复
登录 后发表内容
问题标签