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