接口定义打字稿方法参数问题？

发布于 2025-02-11 19:36:58 字数 252 浏览 1 评论 0原文

用ts定义了一种方法。根据条件，回调方法中的参数顺序为a，b或b，a 。

if (props.xxx) {
    props.onChange(a, b)
} else {
    props.onChange(b, a)
}

接口中应该如何描述这种onchange方法？

原文

A method is defined with ts. According to the conditions, the order of parameters in the callback method is a, b, or b, a.

if (props.xxx) {
    props.onChange(a, b)
} else {
    props.onChange(b, a)
}

How should this onChange method be described in the interface?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

自演自醉 2025-02-18 19:36:58

type OnChange = {
    (a: string, b: number): void;
    (a: number, b: string): void;
};

type IProps = {
    xxx: boolean;
    onChange: OnChange;
};

而不是使用功能过载，而是使用联合类型：

interface FooParams {
    xxx: true;
    onChange: (a: string; b: number) => void;
}
interface BarParams {
    xxx: false;
    onChange: (a: number; b: string) => void;
}
type IProps2 = FooParams | BarParams

const App = (props: IProps2) => {
  if (props.xxx) {
    props.onChange('', 1)
  }
}

type OnChange = {
    (a: string, b: number): void;
    (a: number, b: string): void;
};

type IProps = {
    xxx: boolean;
    onChange: OnChange;
};

Instead of using function overloading, use union types:

interface FooParams {
    xxx: true;
    onChange: (a: string; b: number) => void;
}
interface BarParams {
    xxx: false;
    onChange: (a: number; b: string) => void;
}
type IProps2 = FooParams | BarParams

const App = (props: IProps2) => {
  if (props.xxx) {
    props.onChange('', 1)
  }
}

回复收藏 0 原文

~没有更多了~