リアクトネイティブ

ReactNativeがエラーを報告しましたメジャー関数がないと、YogaNodeを持たない子を親に追加できません！



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



エラーのフルネーム：

メジャー関数がないと、YogaNodeを持たない子を親に追加できません！（「RCTView」に「RCTRawText [text：]」を追加しようとしています）
最初にエラーページを投稿します。
画像

エラーの原因をインターネットで検索しました。おおよそ4つのタイプがあります。
1.コンポーネントコードにコメントを追加しました
2.ラベルパッケージの注文に問題があります
3.map関数の記述に問題があります。
4.三眼演算子で、空の文字列 ''をに変更します



いくつかの調査の後、彼らは上記の4つの条件を満たさず、4番目の条件に少し触れました。具体的な理由を見てみましょう。

コード例1：

調査の結果、上記のエラーの原因となったコードは次のとおりです。



<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>

上記のコードを読んだ後、それは非常に一般的だと感じますか、私はそれを責めることはできませんよね？はい、私もそう思うです。

理由を分析します。

問題は サンプルコード1 13行目が原因feed.descriptionこれはインターフェイスから返されるフィールドです。このフィールドの内容は、「XXX」（空でない文字列）と「」（空の文字列）の2つの値を持つ文字列テキストです。 when feed.description値が ''文字列の場合、記事の問題がまとめられます。

解決：

変更Sample code 1 13〜22行目のコードは次のとおりです サンプルコード2 ：



サンプルコード2：

意志feed.description && feed.description !='' &&に変更します

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

時間内にフロントエンドピットを踏むことができるようにするために（ イオン、角度、ReactNative、アプレット、APICloudを含む ）みんなと共有してください。将来的には、記事を徐々にWeChatパブリックアカウントに転送します：フロントエンドeホーム（front_e_family）。コードを直接スキャンしてフォローすることができます。パブリックアカウントは新しい記事を随時更新し、ピットを踏んだときのメモを共有します。どうぞよろしくお願いいたします。
画像