RawText「JSX_GENERATED_STRING」は、このように、私はJavaScriptで配列内の100個のコンポーネントを生成しています明示的<Text>コンポーネント

Question

に包まれている必要があります。

export default class App extends React.Component { 
    render() { 
    var arr = []; 
    for (var i = 0; i < 100; i++) 
    { arr.push("<Button title={\"Button " + i + "\"} color =\"#55aaff\"/>\n"); } 

    return (
     <ScrollView> 
      {arr} 
     </ScrollView> 
    ); 
    } 
} 

は、私は100個の文字列であるarrの内容を（期待してい私の2つの<ScrollView>タグの間にプレーンテキストとして展開することができます。

コンパイルすると、私はこの正確なエラーメッセージに直面している：

RawText « <Button title={"Button 0"} color ="#55aaff"/> » must be wrapped in an explicit <Text> component.

文字列が明らかに正確である、しかしリアクト - ネイティブは、それが間に手動で入力だかのように私はそれを使用させません<ScrollView>タグ

react-nativeに次の文字列コンテンツがコンポーネントとして扱われることを知らせる特別なタグはありますか？

ご協力いただきありがとうございます。

Answer 1

リアクションコンポーネントはオブジェクトであり、それらを直接配列にプッシュできます。

arr.push(<Button title={"Button " + i} color="#55aaff" />);