Reactjs React本机JSX标记不匹配

这有点奇怪，我不知道这里发生了什么，所以如果其他人能看一下，那就太好了。也许我错过了什么。基本上，在my render（）中，打开的标记比关闭的标记多，但它仍然可以构建并运行良好。当我尝试添加另一个结束时，它失败了。我需要再添加两个标签，但它们也失败了。我错过了什么

render（）{
返回(
{this.props.rank}
{this.props.long}
);
}

您有两个自动关闭标签

<View style={styles.line}/>
...
<Price price={this.props.price}/>

...

---

等同于

，看起来您没有任何错误。如果要自动关闭标记，其工作原理与使用另一个标记关闭标记相同。自动关闭：使用另一个标记关闭：