在React 360中切换元素

Question

我有一个react-360应用程序，想要一个切换按钮来显示/隐藏信息

但是以下内容似乎什么都没有发生：

import React from 'react'
import { Image, Text, View, VrButton } from 'react-360'

let showInfo = false

function renderContent (text, setPosition) {
  console.log(showInfo)
  if (!showInfo) {
    return <VrButton onClick={() => {
      showInfo = true
      renderContent(text)
    }} style={{
      transform: [{translate: setPosition}],
    }}>
      <Image source={require('../static_assets/icons/play_weiß.png')} 
       style={{height: 80, width: 80}}/>
    </VrButton>
      } else {
        return <Text>{text}</Text>
  }
}

const InfoButton = ({text, setPosition}) => {
  return (
    <View>
      {renderContent(text, setPosition)}
    </View>
  )
}

export default InfoButton

尽管我们跳入else案例，但似乎并没有呈现Text get。

谢谢！