Ошибка в функции UseState () - ожидается; - PullRequest
0 голосов
/ 15 января 2020
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 ]

5 голосов
/ 15 января 2020

Вы можете использовать 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;

Надеюсь, это сработает для вас.

2 голосов
/ 15 января 2020
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}
  />
)
}
...