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

时间:2020-01-15 06:03:08

标签: node.js react-native react-hooks

const [value, setValue] = useState(); 

预期为';'代替'='

我正在使用此npm来从带有国家/地区代码的用户那里获取手机号码。

npm我反应电话号码输入

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

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

2 个答案:

答案 0 :(得分:5)

您只能在功能组件内使用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;

希望这对您有用。

答案 1 :(得分: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}
  />
)
}