• 06-02-2022, 18:56:03
    #1
    Merhaba, sorunum şurada başlıyor. App.js de bir update butonu bulunuyor buna tıklanınca id alıyorum ve bu id ile bilgi güncellemesi yapacağım. Fakat useParams() ile kullanınca alttaki hatayı alıyorum.
    Öğrenmeye yeni başladım internette araştırdığımda versiyon hatası olabilir diye anladım bilen birisi varsa ufakta olsa yol gösterebilir mi lütfen




  • 06-02-2022, 19:02:43
    #2
    React çok bilmiyorum fakat response.data önüne await koymayı denediniz mi ?
  • 06-02-2022, 19:06:37
    #3
    sekersizoza adlı üyeden alıntı: mesajı görüntüle
    Merhaba, sorunum şurada başlıyor. App.js de bir update butonu bulunuyor buna tıklanınca id alıyorum ve bu id ile bilgi güncellemesi yapacağım. Fakat useParams() ile kullanınca alttaki hatayı alıyorum.
    Öğrenmeye yeni başladım internette araştırdığımda versiyon hatası olabilir diye anladım bilen birisi varsa ufakta olsa yol gösterebilir mi lütfen




    Hocam sen class component kullanmışsın ancak useParams hook'unu kullanmaya çalışıyorsunuz.
    Reactın artık son sürümlerinde hookslar kullanılıyor. Class component kullanmanı önermiyorum. Class component'da hooks kullanılamıyor bildiğim kadarıyla

    Basit bir örnek: https://codesandbox.io/s/upbeat-elba...le=/src/App.js
  • 06-02-2022, 19:10:58
    #4
    aTKn94 adlı üyeden alıntı: mesajı görüntüle
    Hocam sen class component kullanmışsın ancak useParams hook'unu kullanmaya çalışıyorsunuz.
    Reactın artık son sürümlerinde hookslar kullanılıyor. Class component kullanmanı önermiyorum. Class component'da hooks kullanılamıyor bildiğim kadarıyla

    Basit bir örnek: https://codesandbox.io/s/upbeat-elba...le=/src/App.js
    Haklısın değiştirdim. Ama yine hatalıyım.

    const { id } = this.props.match.params;

    const response = await axios.get(`http://localhost:3004/users/${id}`);



  • 06-02-2022, 19:15:52
    #5
    sekersizoza adlı üyeden alıntı: mesajı görüntüle
    Haklısın değiştirdim. Ama yine hatalıyım.

    const { id } = this.props.match.params;

    const response = await axios.get(`http://localhost:3004/users/${id}`);



    Hocam hatada componentDidMount yazıyor yine. hookslarda componentDidMount kullanılmıyor artık.
    Burada hooks ile yapılmış güzel bir örnek var: https://codesandbox.io/s/n7q6kw9n8m?...x.js:1432-1440
    Users kısmından gelen userlardan birine tıklayın mesela
  • 06-02-2022, 19:22:37
    #6
    Hooks sistemine geçip, useEffect kullanmanız gerekiyor artık. Class Component yapısının kullanılmasını istemiyor React. Ancak hooks componentlerin yapısı çok farklı. En basitinden “this” seçicisi kullanılmıyor.
  • 06-02-2022, 20:10:33
    #7
    aTKn94 adlı üyeden alıntı: mesajı görüntüle
    Hocam hatada componentDidMount yazıyor yine. hookslarda componentDidMount kullanılmıyor artık.
    Burada hooks ile yapılmış güzel bir örnek var: https://codesandbox.io/s/n7q6kw9n8m?...x.js:1432-1440
    Users kısmından gelen userlardan birine tıklayın mesela
    burak2yilmaz adlı üyeden alıntı: mesajı görüntüle
    Hooks sistemine geçip, useEffect kullanmanız gerekiyor artık. Class Component yapısının kullanılmasını istemiyor React. Ancak hooks componentlerin yapısı çok farklı. En basitinden “this” seçicisi kullanılmıyor.
    Üzdü sanırım v6 da bu durum başladı.
  • 06-02-2022, 21:18:38
    #8
    Hooks, Class Componentlerden daha kolay. Hem yazımı hem kullanımı.
  • 15-02-2022, 22:43:29
    #9
    burak2yilmaz adlı üyeden alıntı: mesajı görüntüle
    Hooks sistemine geçip, useEffect kullanmanız gerekiyor artık. Class Component yapısının kullanılmasını istemiyor React. Ancak hooks componentlerin yapısı çok farklı. En basitinden “this” seçicisi kullanılmıyor.
    burak2yilmaz adlı üyeden alıntı: mesajı görüntüle
    Hooks, Class Componentlerden daha kolay. Hem yazımı hem kullanımı.
    Şuan dediğinizi çok daha iyi anlıyorum. Çok teşekkürler