Durumun componentDidMount
numaralı duruma ayarlamak için bir anti-pattern olduğunu ve bir durumun componentWillMount
olarak ayarlanması gerektiğini, ancak bir li
etiketinin uzunluğunu bir durum olarak ayarlamak istediğimi biliyorum. li
etiketler bu aşamasında monte edilmiş olmayabilir çünkü bu durumda, componentWillMount
üzerinde devlet belirleyemezsiniz. Peki, burada en iyi seçenek ne olmalı? Durumu componentDidMount
olarak ayarlarsam iyi olur mu?componentDidMount() öğesinin ayarlanması
cevap
O componentDidMount
içinde setState
çağırmak için bir anti-desen değil. Aslında, ReactJS their documentation bu bir örneğini sağlar:
componentDidMount
verileri çeker. Yanıt geldiğinde, verileri UI'nizi güncellemek için bir işlemi tetikleyerek, verileri depolayın.
componentDidMount: function() {
this.serverRequest = $.get(this.props.source, function (result) {
var lastGist = result[0];
this.setState({
username: lastGist.owner.login,
lastGistUrl: lastGist.html_url
});
}.bind(this));
}
'setState' burada bir geri çağırma işlevine yapılır - bu [farklı senaryo] bir parçasıdır (http://jaketrent.com/post/set-state-in-callbacks-in-react/) – Jordan
i değilim Eminim bir anti-desen. [Mevcut belgeler] (https://facebook.github.io/react/docs/react-component.html#componentdidmount) componentDidMount' 'devlete ayar yeniden oluşturma tetikleyecek bahseder, ama kötü olma söz edilmiyorsa uygulama. – worc
@worc bu cevap, bunun bir anti-desen olmadığını açıklıyor. – lux
- 1. Seçme öğesinin önceden ayarlanması
- 2. ANT CLASSPATH öğesinin build.xml içinde ayarlanması
- 3. componentDidMount() yanıt bileşen yüklenirken çağrılmıyor
- 4. WPF: XAML'ye karşılık CodeSource öğesinin ayarlanması Code-behind
- 5. Java.util.calendar öğesinin ileride belirli bir zaman dilimi için ayarlanması
- 6. Odak değişikliklerini tamamladığında, EditText öğesinin tam olarak ayarlanması
- 7. Reaksiyona girerek this.props dosyasına erişme ComponentDidMount
- 8. Java ile ayarların ayarlanması
- 9. "discrete_distribution" vektörünün ayarlanması C++
- 10. Swift Xcode'taki çarpışmaların ayarlanması
- 11. phpdotenv değerlerinin ayarlanması
- 12. Jbutton'un renginin ayarlanması
- 13. Parallelism'de kullanılacak çekirdeklerin ayarlanması
- 14. Yii yönetici bölümünün ayarlanması
- 15. Doğru tarih/saatin ayarlanması
- 16. Etiketin kaydırıcı değerine ayarlanması
- 17. WindowState öğesinin Maksimize edilen nedenlere göre ayarlanması pencerenin çok erken görünmesi
- 18. .net Formlar Kimlik Doğrulaması - HttpContext.Current.User öğesinin özel olarak ayarlanması, özel olarak çalışmaz. AuthorizeAttribute
- 19. Chrome window.open sayfa başlığının ayarlanması
- 20. XamlParseException, görüntülerin kaynaklardan ayarlanması konusunda
- 21. Android'de kamera görüntü boyutunun ayarlanması
- 22. Görüntünün Arka Planı olarak ayarlanması
- 23. QGraphicsView ölçeklenirken QPen kalınlığının ayarlanması?
- 24. UIImagePickerController - Maksimum video süresinin ayarlanması
- 25. Görüntünün çokgenin rengi olarak ayarlanması
- 26. gnuplot'ta eşit ölçeğin uzunluğunun ayarlanması
- 27. Hedef sayıcılar için sayaçların ayarlanması
- 28. Dinamik olarak ViewPager yüksekliğinin ayarlanması
- 29. tensorflow'da rmse maliyet fonksiyonunun ayarlanması
- 30. Savon: SSL ciphers listesinin ayarlanması
bazı sahne (veya veri) dayalı 'li' etiketlerini işlemek mı? Sadece data.length 'i kullanabilir misiniz? –
sadece basitçe koyarak. i 4 'li' etiketleri ettik demek ve benim' maxNumber' devlet 4. ancak ben bazı sahne (veya veri) dayalı 'li' etiketlerini işlemek do olmalı ki bunlardan sayısını almak istiyorum. –
O() 'max hesaplamak ve orada duruma koymak getInitialState 'de sahne verileri kullanır. Bileşenin monte edilmesini beklemek gerekmemektedir. – wintvelt