arabiriminde bulunan provalar Ben de hem yazı tipini kullanan hem de tepki veren ve her ikisinde yeni olan bir proje üzerinde çalışıyorum. Sorularım, yazı tipindeki arayüzler ve bunların sahne ve durumlarla nasıl ilişkili olduğu. Gerçekte ne oluyor? Arabirim tanıtıcıları ve durumları bildirmedikçe uygulamam çalışmaz, ancak tepki yapıcı işlevini kullanarak durumları kullanıyorum ve bu bilgilerin tümünün 'arabirim MyProps' veya 'arabirim MyStates'e gireceği örnekleri gördüm. örnek (sadece burada yayınlamak için bu .tate'deki içeriği kaldırdım). Neden arayüze ihtiyacım var? Bunu yapmak için doğru yol ne olurdu, çünkü ben bunu bir şekilde düşünüyoruz, tsx yöntemiyle değil.arabirim durumları ve
11
A
cevap
14
Size tam olarak ne soruyorsun temizleyin ama değil:
sahne: bileşenin ebeveynden geçirilen ve bir bileşen kendi sahne var değişmemelidir anahtar/değer çiftleri vardır, sadece tepki ana bileşenden sahne değişikliklerine.
durum: sahne gibi kimi ama setState
yöntemini kullanarak bileşenin kendisinde değişiklik yapılmıştır. Sahne veya durum değiştiğinde, render
yöntemi
yöntemidir. typescript kısmına gelince
, React.Component
senin örneğin daha gibi görünmelidir, jenerik olarak iki tür, sahne diğeri eyalet için bir sürer:
interface MyProps {}
interface MyState {
hero: string;
whatIs: string;
aboutOne: string;
aboutTwo: string;
testimonial: string;
footer: string;
}
class Root extends React.Component <MyProps, MyState> {
constructor(props) {
super(props);
this.state = {
// populate state fields according to props fields
};
}
render() {
return (
<div>
<NavBar/>
<Jumbotron content={ this.state.hero } />
<ContentPanel content={ this.state.whatIs } />
<ContentPanel content={ this.state.aboutOne } />
<ContentPanel content={ this.state.aboutTwo } />
<ContentPanel content={ this.state.testimonial } />
<Footer content={ this.state.footer } />
</div>
)
}
}
Gördüğünüz gibi, MyState
arayüzü Daha sonra this.state
üyesinde kullanılan alanları tanımlar (tüm dizeleri yaptım, ancak istediğiniz herhangi bir şey olabilir).
Bu alanların aslında sahnede olmamasına ve olmayacağına emin değilim.
İlgili konular
- 1. Vurgulu ve etkin durumları
- 2. Döküm ve arabirim kalıtım
- 3. Çeşitli Python CMS'leri ve durumları nelerdir?
- 4. PHPUnit kurulum ve gözyaşı test durumları
- 5. Git arabirim dilimi ve işaretçi
- 6. C# Arabirim ve temel sınıflar
- 7. Açık arabirim uygulaması ve Reflection.Emit
- 8. Döngüsel Arabirim kullanırken orElseThrow
- 9. Dalvik iplik durumları nelerdir?
- 10. DropBoxManager kullanım durumları?
- 11. redux eski durumları birleştiriyor
- 12. Bazı özel durumları yakalayamıyorum
- 13. Java - Özel Durumları Kullanma
- 14. Otomatik olarak sınama durumları oluşturma
- 15. Arabirim Oluşturucu
- 16. Arabirim Oluşturucu
- 17. Durum_machine durumları için adlandırılmış kapsamlar
- 18. Arabirim Kalıtımı
- 19. Arabirim Oluşturucu:
- 20. Genel kısıtlamalar ve arabirim uygulaması/devralma
- 21. Arabirim yöntemlerinden ve sınıf yöntemlerinden öznitelikler alın
- 22. WCF, Arabirim dönüş türü ve bilinen bilgiler
- 23. Apache ve Tomcat Sunucu Arabirim Alani
- 24. Arabirim nasıl serbestlenir?
- 25. Arabirim {} dizgiye nasıl dönüştürülür?
- 26. Web kamerasıyla arabirim oluşturma
- 27. Windows & Mercurial değişiklik durumları için sınıf adları
- 28. C# kodunda yakalanmamış özel durumları bulma
- 29. java arabirim yöntemleri kullanımı
- 30. ionicView.enter İki iç içe durumları var
Teşekkürler, bu benim için her şeyi cevaplıyor. – ceckenrode