属性 'ref' 在类型 'IntrinsicAttributes & PhoneInputProps & { children?: ReactNode; 上不存在}

Question

我收到一个错误，类型“IntrinsicAttributes & PhoneInputProps & { children?: ReactNode;”上不存在属性“ref”。 }'。我该如何解决这个问题？

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}  />