Neden bu seçim listesi bir <code>ReactJS</code> bileşene sahip defaultValue

Question

dayanarak seçilen doğru öğe ile işlemez. Ancak başlangıçta seçilen doğru öğe ile işlenmiyor. defaultValue'un doğru şekilde ayarlanmış gibi görünmesine rağmen nedenini anlamıyorum.

Neyi yanlış yapıyorum?

Answer 1

<select> başlangıçta takıldığında, varsayılan değer '''dur. Kontrolsüz bir form bileşeni DOM'de olduğunda, React, defaultValue desteğine yönelik güncelleştirmeler görünmez. Bu durumda, kullanıcı için gösterilen her zaman selectedRegionId durum eşlemesine sahip olmak istediğiniz gibi görünüyor, bu nedenle defaultValue'u value olarak değiştirmek ve onChange işleyicinize bir this.setState({selectedRegionId: regionId}); çağrı eklemek isteyebilirsiniz; sonra bileşen durumunuz ve DOM her zaman senkronize olacaktır.