Merhaba, öncelikle dersler için teşekkürler. 5:04 te value parametresini birden fazla elemente girerken sandboxun yararlandığı eklentiden VS code da nasıl yararlanabiliriz? VS code u efektif kullanmayla ilgili veya kullandığınız extensionlarla ilgili bir video hazırlayabilir misiniz. Emekleriniz için şimdiden teşekkürler.
Oyle yaptiginda uncontrolled component olarak olusturmus oldun inputu. Simdi o degeri okumak icin ya form submit yapmak zorundasin, ya da ref kullanmak.
@@ReactDersleri Altta ki kodları yazmıştım. Yani bu yanlış. Neyse ileri ki videolarınıza geçtikçe sistemi iyice anlarım. import React, {useState} from "react"; function App() { const [form,setForm] = useState({isim:"",il:"il",bio:""}); const ekle = (e) => setForm({ ...form, [e.target.name]: e.target.value }); return (
Hocam kalbimiz yerinden firliyor videolari boyle ust uste gorunce :) Emekleriniz icin tesekkur ederim
Dersin her kelimesi çok değerli, çok teşekkürler
Hocam anlatım tarzınız ve sesiniz Üniversitedeki Umut hocama çok benziyor. Onun gibi harika ve ayrıntılı anlatıyorsunuz. Emeğinize sağlık.
güzel video özellikle en sondaki toplu kaydetme taktiği iyiymiş sabah kendim deneyeceğim
hocam emeğinize sağlık,acaba yazdığınız css ve js kodlarını paylaşabilir misiniz?
Tabiki, video aciklamasina ekliyorum.
hocam ders için teşekkürler bir sorum olacaktı niçin console.log 2 kere çalışıyor fonksiyon her tetiklendiğinde.
StrictMode’dan kaynaklaniyor:
github.com/facebook/react/issues/15074
Merhaba, öncelikle dersler için teşekkürler. 5:04 te value parametresini birden fazla elemente girerken sandboxun yararlandığı eklentiden VS code da nasıl yararlanabiliriz? VS code u efektif kullanmayla ilgili veya kullandığınız extensionlarla ilgili bir video hazırlayabilir misiniz. Emekleriniz için şimdiden teşekkürler.
Birinciyi secip CTRL + D ile siradakileri de tek tek secebilirsiniz. Veya ALT’a basili tutarak mouse ile de secebilirsiniz.
Hocam peki statedeki verileri sıfırlamak için nasıl bir yol izlemeyiliz?
harbiden cok iyi ya
emeğinize sağlık hocam , bu gün üst üste combo yaptınız
: )
Biraz hızlanalım ki güzel konular hızlı gelsin değil mi?
@@ReactDersleri haklisiniz hocam 👍👍
Çok teşekkürler...
fena teknik !
super
Hocam peki log neden sürekli 2 kere çağırılıyor?
Index JS icinde React.StrictMode var mi? Varsa onu kaldirip deneyin.
hocam burada neden value değerlerine form.isim diye veriyorum. ben hiç value değeri vermeden denedim. yine oldu.
Oyle yaptiginda uncontrolled component olarak olusturmus oldun inputu. Simdi o degeri okumak icin ya form submit yapmak zorundasin, ya da ref kullanmak.
@@ReactDersleri
Altta ki kodları yazmıştım. Yani bu yanlış. Neyse ileri ki videolarınıza geçtikçe sistemi iyice anlarım.
import React, {useState} from "react";
function App() {
const [form,setForm] = useState({isim:"",il:"il",bio:""});
const ekle = (e) => setForm({
...form, [e.target.name]: e.target.value
});
return (
İl Seçiniz
İstanbul
Ankara
İzmir
Gönder
);
};
export default App;
Formunuzun oldugu sayfada console baktiniz mi hic?
@@ReactDersleri evet hocam. Videonuzda ki gibi sonuçlar geliyor. Alta kopyaladım
{isim: "", il: "il", bio: ""}
App.js:10 {isim: "b", il: "il", bio: ""}
App.js:10 {isim: "ba", il: "il", bio: ""}
App.js:10 {isim: "bat", il: "il", bio: ""}
App.js:10 {isim: "batu", il: "il", bio: ""}
App.js:10 {isim: "batuh", il: "il", bio: ""}
App.js:10 {isim: "batuha", il: "il", bio: ""}
App.js:10 {isim: "batuhan", il: "il", bio: ""}
App.js:10 {isim: "batuhan", il: "İstanbul", bio: ""}
App.js:10 {isim: "batuhan", il: "İstanbul", bio: "M"}
App.js:10 {isim: "batuhan", il: "İstanbul", bio: "Me"}
App.js:10 {isim: "batuhan", il: "İstanbul", bio: "Mer"}
App.js:10 {isim: "batuhan", il: "İstanbul", bio: "Merh"}
App.js:10 {isim: "batuhan", il: "İstanbul", bio: "Merha"}
App.js:10 {isim: "batuhan", il: "İstanbul", bio: "Merhab"}
App.js:10 {isim: "batuhan", il: "İstanbul", bio: "Merhaba"}
Hocam 10:41 deki özelliğin adı nedir ?
Computed properties olarak bakabilirsiniz.