#react-native
#react-native
Вопрос:
Я создал базовую страницу входа с полями ввода имени пользователя, пароля и кнопки. Также создан файл .json, который содержит имя пользователя и пароль. Теперь, когда я открываю страницу входа, вместо ввода имени пользователя и пароля вручную в поля, эти поля ввода должны считываться из локально созданного .json файл. Как я могу это решить?
Пожалуйста, помогите мне получить этот ответ. Заранее спасибо!
Комментарии:
1. Если вы пытаетесь реализовать функциональность «Помните меня?», я рекомендую вам использовать библиотеку типа «react-native-keychain», которая позволяет вам хранить учетные данные безопасным способом.
2. Но если вы настаиваете на файле json, вам, скорее всего, потребуется использовать react-native-fs github.com/itinance/react-native-fs
3. @MuhammedB. Айдемир Спасибо за ответ. Нет, я использую обычную страницу входа с именем пользователя, паролем и кнопкой входа. Эти поля имени пользователя и пароля должны считывать входные данные из локального. файл json.
4. Можете ли вы сказать мне, когда этот файл json будет создан?
5. Позвольте мне объяснить сценарий. Я создал проект react native. В этом я только что создал страницу входа с полями имени пользователя, пароля и кнопки. И я создал файл .json, который состоит из имени пользователя и пароля. Теперь на странице входа вместо ввода имени пользователя и пароля мне нужно, чтобы эти поля считывались из файла .json.
Ответ №1:
// login.json
{
"username": "testing",
"password": "testing"
}
// UserTextInput.js
import * as loginData from './login.json';
import React, { Component } from 'react';
import { TextInput } from 'react-native';
const UserTextInput = () => {
const [username, onUserNameChangeText] = React.useState(loginData.username);
const [password, onPasswordChangeText] = React.useState(loginData.password);
return (
<>
<TextInput
style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
onChangeText={text => onUserNameChangeText(text)}
value={username}
/>
<TextInput
style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
onChangeText={text => onPasswordChangeText(text)}
value={password}
/>
</>
);
}