React Native和Typescript中的这段代码是什么意思？

如何解决React Native和Typescript中的这段代码是什么意思？

我已经阅读了我公司项目的一些代码，看到了奇怪的东西，不知道它是什么。

最后一个'＆'和一个对象{invalidMail ?: string，...}是什么意思？

const InputValidation: React.ForwardRefExoticComponent<
  React.PropsWithoutRef<IInputValidationProps> & React.RefAttributes<TextInput>
> & {
  invalidMail?: string;
  invalidNumber?: string;
  invalidPhone?: string;
  isrequired?: string;
  notPositiveNumber?: string;
  lessthanMinLength?: string;
} = forwardRef<TextInput,IInputValidationProps>((props,ref) => { ... }

InputValidation.invalidMail = 'Mail không hợp lệ';
InputValidation.invalidNumber = 'Số không hợp lệ';
InputValidation.invalidPhone = 'Số điện thoại không hợp lệ';
InputValidation.isrequired = 'Bắt buộc';
InputValidation.notPositiveNumber = 'Không nhận giá trị âm';
InputValidation.lessthanMinLength = 'Số kí tự tối thiểu ';

有人知道此代码如何影响InputValidation组件吗？预先感谢。

解决方法

这是打字稿intersection type。这意味着InputValidation包含ForwardRefExoticComponent的所有属性和方法以及文字中定义的所有属性：invalidMail，invalidNumber等。

无论如何，请注意这些属性被指示为可选属性，因此它们实际上可能存在或不存在。

就词汇而言，&之后的文字不是对象，而是类型。如您所见，它的定义不是{ key: value }，而是{ key: type }。