ReactNative ha segnalato un errore Impossibile aggiungere un bambino che non ha uno YogaNode a un genitore senza una funzione di misura!

Reactnative Reported An Error Cannot Add Child That Doesnt Have Yoganode Parent Without Measure Function



Nome completo dell'errore:

Impossibile aggiungere un bambino che non ha uno YogaNode a un genitore senza una funzione di misurazione! (Tentativo di aggiungere un 'RCTRawText [text:]' a un 'RCTView')
Primo post la pagina di errore:
Immagine

Ho cercato in Internet la causa dell'errore, ce ne sono circa quattro tipi:
1. Aggiunto un commento nel codice del componente
2. Si è verificato un problema con l'ordine della confezione dell'etichetta
3. C'è un problema con la scrittura della funzione mappa:
4. Nell'operatore trinoculare, modificare la stringa vuota '' in



Dopo alcune indagini, non hanno soddisfatto le quattro condizioni di cui sopra e hanno toccato un po 'la quarta. Diamo un'occhiata ai motivi specifici.



Esempio di codice 1:

Dopo alcune indagini, il seguente è il codice che ha causato l'errore precedente.



<ScrollView bounces={false} scrollEnabled removeClippedSubviews showsVerticalScrollIndicator={false} contentContainerStyle={{backgroundColor:'#fff'}} > <View style={{marginTop:10,paddingHorizontal:15}}> <View style={{flexDirection:'column',marginLeft:10}}> <Text style={{fontSize:12,color:'#999'}}>1 month agoText> View> View> {feed.description&& <View style={{ borderColor:'#f5f5f5', borderTopWidth:1, paddingVertical:20, paddingHorizontal:15, }}> <Text style={{color:'#666'}}>{feed.description}Text> View> } ScrollView>

Dopo aver letto il codice sopra, sembra molto comune, non posso lamentarmi, giusto? Sì lo penso anche io.

Analizza i motivi:

Il problema è Codice di esempio 1 Causato dalla riga 13 in feed.description È un campo restituito dall'interfaccia. Il contenuto di questo campo è una stringa di testo con due valori: 'XXX' (stringa non vuota) e '' (stringa vuota). quando feed.description Quando il valore è '' stringa, il problema nell'articolo si risolve,

soluzione:

modificare Sample code 1 Il codice nelle righe 13-22 è il seguente Codice di esempio 2



Codice di esempio 2:

sarà feed.description && Cambia in feed.description !='' && Just

{feed.description !='' && <View style={{ borderColor:'#f5f5f5', borderTopWidth:1, paddingVertical:20, paddingHorizontal:15, }}> <Text style={{color:'#666'}}>{feed.description}Text> View> }

Per poter salire in tempo sul box anteriore ( Compresi ionico, angolare, ReactNative, applet, APICloud ) Condividi con tutti, in futuro trasferirà gradualmente l'articolo sull'account pubblico di WeChat: front-end e home (front_e_family). Puoi scansionare direttamente il codice da seguire, l'account pubblico aggiornerà nuovi articoli di volta in volta e condividerà note su come salire sulla fossa! Attendo con impazienza la tua attenzione!
Immagine