CRUD Operations in Ionic 6 with PHP and MySQL: A Step-by-Step Tutorial 

Its same. I will try to post videos using react.

@@techishare9993 for ionic react i don't have to use angular syntaxe, do i?

You can refer this video for react ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-QsMSCHCTXoA.htmlsi=HacieWOLRo1ERJiu

I had the same issue, I could fix it by editing the file edit.page.ts to this: import { Component, OnInit } from '@angular/core'; import { ActivatedRoute } from '@angular/router'; import axios from 'axios'; import { NavController } from '@ionic/angular'; @Component({ selector: 'app-edit', templateUrl: './edit.page.html', styleUrls: ['./edit.page.scss'], }) export class EditPage implements OnInit { formData = { firstName: "", lastName: "", gender: "", age: "", email: "", update: false, studentId: 0 } constructor(private activatedRoute: ActivatedRoute, private navCtrl: NavController) { } ngOnInit() { this.activatedRoute.params.subscribe((params) => { this.formData.studentId = +params['id']; this.getStudentData(); }) } getStudentData() { axios.get(`localhost/students.php?studentId=${this.formData.studentId}`) .then( (response) => { console.log(response.data); this.formData = { firstName: response.data[0].first_name, lastName: response.data[0].last_name, gender: response.data[0].gender, age: response.data[0].age, email: response.data[0].email, studentId: this.formData.studentId, update: this.formData.update } }) .catch((error) => { console.log(error); }) } update() { console.log(this.formData); this.formData.update = true; axios.post("localhost/students.php", this.formData) .then( (response) => { if(response.data == "1") { this.navCtrl.navigateForward('/home'); } }) .catch((error) => { console.log(error); }) } }