我正在将电话号码验证器从软件包导入到页面上的 checkout 表单中,但当我刷新页面时,它显示此错误:
“传递了[libphonenumber-js] metadata
参数,但该参数不是有效的元数据。必须是具有.countries
子对象属性的对象。获取的对象形状为:{默认值}”。
下面是电话验证程序的代码块
import React, {useState} from 'react'
import PhoneInput from 'react-phone-number-input'
function Phone() {
// `value` will be the parsed phone number in E.164 format.
// Example: "+12133734253".
const [value, setValue] = useState()
return (
<PhoneInput
placeholder="Enter phone number"
value={value}
onChange={setValue}/>
)
}
export default Phone
https://stackblitz.com/edit/react-eb2auu?file=src%2FWebpages%2FRegister.js,src%2FComponents%2FPhone.js,src%2FWebpages%2FCheckout.js
^这是整个网站/代码的托管版本。
我试过使用npm包中显示的一个简单的input标记,以及将phone输入从包中直接导入到checkout文件中,而不是创建一个单独的组件来导入并呈现到checkout表单中,但所有这些都返回了相同的错误。
1条答案
按热度按时间shyt4zoc1#
这似乎是
react-phone-number-input
版本的问题,我降级到3.2.0
版本,错误就没有了。Gitlab Issue: [3.2.1] (React-Hook-Form) Error [libphonenumber-js]
metadata
argument was passed but it's not a valid metadata.