将模板文字插入到本机视图

Question

我正在将Web应用程序移动到React-native。我第一次接触React宇宙，所以对于初学者来说这是一条陡峭的学习曲线。

我的JavaScript运行正常。结果是我的主函数返回了一个字符串，该字符串在javascript中用于动态地将图像插入DOM。我想在React-native中做同样的事情，但是有麻烦。

我从javascript中得到的结果是这种形式：

    `<Image source={require("./images/pad.png")} style={{ width: 40, height: 318, flexDirection: "row" }} /><Image source={require("./images/banana1.png")} style={{ width: 20, height: 318, flexDirection: "row" }} /><Image source={require("./images/banana2.png")} style={{ width: 20, height: 318, flexDirection: "row" }} /><Image source={require("./images/banana3.png")} style={{ width: 20, height: 318, flexDirection: "row" }} />`

因此它具有带有正确路径和样式的标签。但是，当我尝试将其插入到视图中时，会得到

 "Invariant Violation: Text strings must be rendered within a <Text> component."

不是专门寻找书面解决方案，只是希望有人指出我正确的方向。我将模板文字插入构造函数中，并且一切正常。

  <View>{this.state.bananasStr}</View>

我可以从那里访问它，也可以从javascript函数中访问它作为变量。