JSX的條件渲染方式

1、根據條件判斷，渲染函數返回不同的jsx對象，從而實現條件渲染。即

if(){
}else{}

2、根據變量渲染不同的內容。

3、與運算：與運算進行條件渲染，當前面的條件爲真時，後面的內容顯示出來；若前面的條件爲假，那麼內容都不顯示。

4、三元運算符：條件判斷?爲真時顯示的結果：爲假時顯示的結果
如：

{this.state.isLogin?<h1>登錄狀態</h1> : <h1>註冊狀態</h1>}