RawText&#34; JSX_GENERATED_STRING&#34;必须包装在显式的<text>组件中

时间:2017-10-16 09:15:12

标签: react-native jsx

我用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知道以下字符串内容将被视为组件?

提前感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

React组件是对象,您可以直接将它们推送到数组中。

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