反应-有条件地渲染多个元素

Question

我有一个滑块，并且仅在滑块具有多个图像时才显示箭头。

我在返回中尝试了以下类似的方法

{(this.state.images > 1)
  <LeftArrow goToPrevSlide={this.goToPrevSlide} />
  <RightArrow goToNextSlide={this.goToNextSlide} />
}

然后我得到以下Parsing error: Unexpected token, expected "}"

Answer 1

您必须将两个元素都包装在某个容器中。无论容器内部如何，都将其视为“整体”。在下面的示例中，我使用的是一个空的Fragment container

另外，请注意，如果将Xamarin.Forms 4.1.0.709244 之前的第一部分解析为&&，则仅执行&&之后直接 编写的一段代码。 。 （Read more about &&)。

这就是为什么您必须将所有应有条件地渲染的内容都包装在容器中的原因，因为如果没有这样做，则只有第一个元素将被有条件地渲染，之后的所有内容都将始终被渲染

true