Вы можете найти мой полный исходный код в моем репозитории github. https://github.com/premdas92/React-Facebook-Вход
Я просто предполагаю, что вы знаете, как настроить реагирующее приложение с помощью create-react-app. Итак, я буду двигаться вперед.
Прежде всего нам нужно установить пакет npm. Откройте командную строку и выполните следующую команду:
npm install — сохранить реакцию-фейсбук
Этот пакет содержит множество компонентов. Мы можем этим воспользоваться. Пожалуйста, перейдите по ссылке ниже, чтобы прочитать весь документ.
Прежде всего, мы создадим кнопку, по нажатию которой мы хотим войти в Facebook. Мой интерфейс выглядит так.
При входе в Facebook пользовательский интерфейс выглядит следующим образом.
При нажатии на вход в Facebook будет отправлен ответ, содержащий все данные пользователя в форме JSON. Мы можем фильтровать необходимые данные и хранить их в состояниях и отображать их.
Пожалуйста, обратитесь к приведенному ниже коду.
Украсьте свой пользовательский интерфейс с помощью CSS, и все готово.
Спасибо, что прочитали эту статью.