类型“IntrinsicAttributes& PhoneInputProps &{ children?：ReactNode；}上不存在属性”“ref”“

Question

我收到一个错误，属性'ref‘在类型'IntrinsicAttributes & PhoneInputProps &{ReactNode？：ReactNode；}’上不存在。我该如何解决这个问题？

import React, {ForwardedRef} from 'react';
import PhoneInput from 'react-phone-input-2';
import 'react-phone-input-2/lib/bootstrap.css'


const FormikPhoneInput = React.forwardRef(
  ({ name, country, ...rest }: {name: string, country: string}, ref: React.ForwardedRef<any>) => (
    <PhoneInput {...rest} ref={ref} name={name}  />
  )
);


export default FormikPhoneInput;

Answer 1

看起来您需要将inputProps作为对象进行传递。

<PhoneInput {...rest} inputProps={{ ref }} name={name}  />