Javascript 如何使用react native处理视图组件的显示无和块

在我的场景中，有两种视图。 加载组件时，我需要在单击后查看第二个视图 在文本输入中，选择值后需要打开第二个视图 从第二个视图中，应在第一个视图中填充选定值 查看文本输入之后，第二个视图应该关闭。我可以查看 使用react.js会产生同样的效果，但我无法实现同样的效果 使用react native

var ViewDisplay=React.createClass({
componentDidMount（）{
this.refs.secondView.getDOMNode（）.style.display=“无”；
},
clickHandler:function（）{
this.refs.secondView.getDOMNode（）.style.display=“block”；
},
populateValue:函数（）{
this.refs.secondView.getDOMNode（）.style.display=“无”；
},
render:function（）{
报税表（
第一
第二
第三
)
}
})

尝试使用单击处理程序在组件状态中设置一个标志，然后使用该标志确定应该呈现哪个视图

render() !this.state.clicked ? <View ref={firstView}> ... </View> : <View ref={secondView}> ... </View>

render（）！this.state.clicked。。。

render() !this.state.clicked ? <View ref={firstView}> ... </View> : <View ref={secondView}> ... </View>