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（代表React Buttons的100个字符串）的内容在我的两个<ScrollView>标记之间以纯文本形式展开。

编译时，我正面对这个确切的错误消息：

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

字符串显然是正确的，但React-Native不会让我使用它，就好像它是在<ScrollView>标签之间手动输入一样。

是否有特殊标记让react-native知道以下字符串内容将被视为组件？

提前感谢您的帮助。

Answer 1

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

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

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

1 个答案: