Reactjs 文本/视图未隐藏在react native中

Reactjs 文本/视图未隐藏在react native中,reactjs,react-native,text,view,show-hide,Reactjs,React Native,Text,View,Show Hide,我试图根据react native中的标志值隐藏文本/视图。 但是,它不是隐藏的 这是我的密码 Class.js文件 componentDidMount(){ 这是我的国家({ 伊希登:是的 }); } 建造师(道具){ 超级(道具); 此.state={ 伊希登:错, }; } render(){ log('renderer'); const{isHidden}=this.state; 返回( //其他一些物体显示 日期是1月2日 //其他一些物体显示 ); } } 但是,即使标志值为真,它

我试图根据react native中的标志值隐藏文本/视图。 但是,它不是隐藏的

这是我的密码

Class.js文件

componentDidMount(){
这是我的国家({
伊希登:是的
});
}
建造师(道具){
超级(道具);
此.state={
伊希登:错,
};
}
render(){
log('renderer');
const{isHidden}=this.state;
返回(
//其他一些物体显示
日期是1月2日
//其他一些物体显示
);
}
}
但是,即使标志值为真,它也不会隐藏。
我在这里遗漏了什么吗?

我不是React本地开发人员,但是,从
文本
组件没有
隐藏
属性。如果要从标准React的角度来处理此问题,您可以向组件添加适当的功能(我认为您无法做到),或者更改渲染方法:

class Test extends Component {
    render() {
        return (
            {!this.state.isHidden && <Text style={styles.text}>Exciting copy...</Text>}
        )
    }
}
类测试扩展组件{
render(){
返回(
{!this.state.ishiden&&令人兴奋的副本…}
)
}
}

我不是React本地开发人员,但是,从
文本
组件来看,没有
隐藏
属性。如果要从标准React的角度来处理此问题,您可以向组件添加适当的功能(我认为您无法做到),或者更改渲染方法:

class Test extends Component {
    render() {
        return (
            {!this.state.isHidden && <Text style={styles.text}>Exciting copy...</Text>}
        )
    }
}
类测试扩展组件{
render(){
返回(
{!this.state.ishiden&&令人兴奋的副本…}
)
}
}

如果有帮助,试试这个。React没有任何隐藏属性,因此必须根据isHidden变量有条件地呈现文本字段

 (!isHidden)?<Text style={styles.Text}>Date is Jan 02</Text>: ''
(!isHidden)?日期为2002年1月:''

如果有帮助,试试这个。React没有任何隐藏属性,因此必须根据isHidden变量有条件地呈现文本字段

 (!isHidden)?<Text style={styles.Text}>Date is Jan 02</Text>: ''
(!isHidden)?日期为2002年1月:''
React Native没有隐藏道具。您可以通过以下方式获得所需的效果:
{!this.state.ishiden}..

我看了你的代码,我有一些意见

建议始终
防止在componentDidMount(没有安装设置状态)中使用setState
。在此方法中调用setState()将触发额外的渲染,但保证在同一时间刷新。这保证了即使在这种情况下render()将被调用两次,用户也不会看到中间状态

所以它不会引起明显的副作用

请谨慎使用此模式,因为它通常会导致性能问题。因此,除非您正在执行
服务器渲染
,否则任何需要浏览器环境的操作都必须进入
组件安装
,因为它只运行客户端,而
组件将安装
在客户端和服务器上运行

React Native没有隐藏道具。您可以通过以下方式获得所需的效果:
{!this.state.ishiden}..

我看了你的代码,我有一些意见

建议始终
防止在componentDidMount(没有安装设置状态)中使用setState
。在此方法中调用setState()将触发额外的渲染,但保证在同一时间刷新。这保证了即使在这种情况下render()将被调用两次,用户也不会看到中间状态

所以它不会引起明显的副作用

请谨慎使用此模式,因为它通常会导致性能问题。因此,除非您正在执行
服务器渲染
,否则任何需要浏览器环境的操作都必须进入
组件安装
,因为它只运行客户端,而
组件将安装
在客户端和服务器上运行