react框架中,渲染用到了JSX语法;JSX元素(标签内)有一个hidden属性,可以判断当前JSX元素是否显示;例如:
render(){
return(
<div> hidden={true}>这是react中的JSX元素</div>
)
}
hidden 实际操作的是css中的display属性;
hidden属性为true;当前JSX隐藏, 属性为false,不隐藏;
属性值可以为表达式,转换成boolean值;
也可以隐式转换;
hidden={0、""、false、!true} 不隐藏;
hidden={1、true、{}、[]、" “、!false} 隐藏
hidden=”" ,不隐藏(false), 其他字符串均隐藏(true)
注意的是: hidden属性不可直接用在组件中,即不能根据这个来判断组件的显示或隐藏