RawText「JSX_GENERATED_STRING」必須被包裹在一個顯式<Text>部件

Question

我以JavaScript的陣列產生100個元件，這樣：

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> 
    ); 
    } 
} 

我期待的arr內容（它是100個字符串代表反應按鈕）被擴展爲純文本，在我的兩個<ScrollView>標記之間。

在編譯時，我面對這個確切的錯誤消息：

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

字符串顯然是正確的，但是陣營原生不會讓我使用它，彷彿它是手動輸入的之間<ScrollView>標籤。

是否有一個特殊標記讓react-native知道下列字符串內容將被視爲組件？

在此先感謝您的幫助。

Answer 1

React組件是對象，您可以直接將它們推送到數組中。

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