Я работаю над небольшим проектом, чтобы создать простую страницу входа в систему и панель мониторинга, используя реагировать родной.Идея состоит в том, чтобы просто ввести свое имя пользователя и пароль, которые затем должны быть аутентифицированы с использованием MongoDB.После этого приложение должно перейти на панель инструментов.Дело в том, что мне удалось создать страницу входа в систему, и навигация вначале хорошо работала до добавления аутентификации.но потом он перестал работать, как я ожидаю.Здесь проблема заключается именно в коде:
Я попытался добавить это в функцию отправки, как вы можете видеть, чтобы она осуществляла навигацию непосредственно при аутентификации пользователя, в противном случае это не так.Однако в итоге я ничего не получил, и результат был почти таким же.
export default class LoginForm extends Component<{}> {
constructor(props) {
super(props),
(this.state = {
email: "",
password: "",
acc: false
});
}
Submission() {
fetch("http://10.0.2.2:3000/api/auth", {
method: "POST",
headers: {
Accept: "application/json",
"Content-Type": "application/json"
},
body: JSON.stringify({
email: this.state.email,
password: this.state.password
})
})
.then(response => response.text())
.then(responseJson => {
this.setState({ acc: responseJson });
console.log(this.state.acc);
let x = this.state.acc;
// console.log(x);
if (x == "true") {
// console.log("ok")
this.props.navigation.navigate("Profile");
}
});
Проблема может быть простой, так как я все еще в самом начале, но я не могу идти дальше и продолжить работу с кодом из-за этой проблемы.Я надеюсь, что смогу получить некоторые идеи о том, как преодолеть это, поскольку мне потребовались годы, чтобы решить это, но я не мог.Спасибо.