UseState() 函数中的错误 - 预期 ;

Question

const [value, setValue] = useState(); 

预期的";"代替"=">

我正在使用这个npm从具有国家代码的用户那里获取手机号码。

npm i react-phone-number-input

https://www.npmjs.com/package/react-phone-number-input/v/3.0.13

这是他们使用的示例。

import 'react-phone-number-input/style.css'
import PhoneInput from 'react-phone-number-input'
const [value, setValue] = useState()
return (
<PhoneInput
placeholder="Enter phone number"
value={value}
onChange={setValue}
/>
)

请帮帮我。还向我建议另一种可能的解决方案，以获取带有国家/地区代码的用户的电话号码。

Answer 1

只能在功能组件中使用React.js Hook。因此，您需要创建一个这样的功能组件：

import PhoneInput from 'react-phone-number-input';
import 'react-phone-number-input/style.css';
const MyPhoneComponent = () => {
const [value, setValue] = useState()
return (
<PhoneInput
placeholder="Enter phone number"
value={value}
onChange={setValue}
/>
)
}
export default MyPhoneComponent;

希望这对你有用。

Answer 2

import 'react-phone-number-input/style.css'
import PhoneInput from 'react-phone-number-input'
const MyPhone = () => {
const [value, setValue] = useState();
return (
<PhoneInput
placeholder="Enter phone number"
value={value}
onChange={setValue}
/>
)
}