react.js中的隐藏属性

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属性不可直接用在组件中，即不能根据这个来判断组件的显示或隐藏