Chcę, aby nazwa klasy drukowania z ciągiem znaków reagowała natywnie programowo. Czy ktoś może mi o tym powiedzieć, jak mogę to zrobić?Jak uzyskać nazwę ciągu komponentów komponentu React Native?
Odpowiedz
W języku JavaScript można uzyskać nazwę klasy za pomocą instance.constructor.name
.
class Demo extends React.Component {
componentDidMount(){
console.log(this.constructor.name); // "Demo"
}
}
Dla komponentów JSX można użyć instance.type.displayName
. Na przykład:
let text = <Text></Text>;
console.log(text.type.displayName) // "Text"
Dziękuję Martinarroyo, powyższy kod działa dla mnie. Również chcę uzyskać nazwę łańcuchową metody render na rekordy "onPress" Button po każdym naciśnięciu przycisku. Czy możesz pomóc mi uzyskać to samo? – Akhi
Co dokładnie masz na myśli? Czy chcesz zalogować 'this.constructor.name' wewnątrz wywołania zwrotnego onPress? Powinien być zasadniczo taki sam. Na przykład: '
Czy to nie pęknie, gdy kod JS zostanie "zbudowany"? Nazwy klas stają się symbolami, więc jeśli polegasz na 'this.constructor.name' dla czegoś ważnego, prawdopodobnie się to nie powiedzie. – SuitedSloth
- 1. Jak uzyskać nazwę komponentu nadrzędnego w React?
- 2. Przekazywanie parametrów do komponentów w React Native
- 3. Korzystanie Animated z stylizowany-komponentów (reagują-native)
- 4. React-Native: Dismiss/Exit React-Native View powrót do Native
- 5. React-Native + crypto: Jak wygenerować HMAC w React-Native?
- 6. Jak uzyskać zarządzaną nazwę komponentu bean z wnętrza komponentu bean?
- 7. React native Wymagany nieznany moduł niestandardowego komponentu natywnego
- 8. React Native Augmented Reality (AR)
- 9. Opóźnione renderowanie komponentów React
- 10. React Native Infinite Scroll
- 11. React Native File Chooser
- 12. React Native View Renderowanie
- 13. Jak wyświetlić animowany GIF w React Native?
- 14. Styling React Native Picker
- 15. React biblioteki Native Mapy
- 16. React Native: 0.41 app.json
- 17. Jak uzyskać adres IP urządzenia na React Native?
- 18. Testowanie komponentu React Modal
- 19. Jak nazwać klasę es6 (dla komponentów React)
- 20. Zmiana nazwy aplikacji w React Native
- 21. React Native: Używając złomu lodtajlowego
- 22. Widok modalny w React Native
- 23. React Native - Headless JS example
- 24. React Native Animowane, pełne wydarzenie
- 25. React Native: Importuj moduły spoza katalogu projektu
- 26. React Native zagnieżdżone ScrollView blokowanie
- 27. React Native kontur czcionki/textShadow
- 28. Łączenie mapy w React Native
- 29. Jak przetestować styl dla komponentu React komponentu za pomocą Enzyme
- 30. Tworzenie niestandardowych komponentów macierzystych React z węzłami potomnymi
Czy używasz ES6? – Swapnil