我用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
(代表React Buttons的100个字符串)的内容在我的两个<ScrollView>
标记之间以纯文本形式展开。
编译时,我正面对这个确切的错误消息:
RawText « <Button title={"Button 0"} color ="#55aaff"/>
» must be wrapped in an explicit <Text> component.
字符串显然是正确的,但React-Native不会让我使用它,就好像它是在<ScrollView>
标签之间手动输入一样。
是否有特殊标记让react-native知道以下字符串内容将被视为组件?
提前感谢您的帮助。
答案 0 :(得分:1)
React组件是对象,您可以直接将它们推送到数组中。
arr.push(<Button title={"Button " + i} color="#55aaff" />);