React中使用if else 條件判斷

2021-08-14 15:57:46 字數 584 閱讀 3965

在react中用jsx渲染dom的時候經常會遇到if條件判斷,然而在jsx中竟是不允許if條件判斷的。以下有幾種判斷方式,可以根據自己的應用場景,挑選適合的。

方案一:

class hellomessage extends react.component  else 

return(

)}}

方案二:

class hellomessage extends react.component  else 

} render ()

)}}

方案三:三元運算子

class hellomessage extends react.component

方案四:

class hellomessage extends react.component 

)}}

綜上:短小的字段判斷只能用三元表示式,如果是大塊的元素都需要區分,就要利用變數了。

react中使用swiper外掛程式

最近在寫react的demo,遇到了需要滑動的功能,引入了swiper,但是在引入的時候一直報錯 安裝的時候是這樣的 npm install swiper網上查的是這樣引入的 import swiper from swiper dist js swiper.js import swiper dist...

React中使用Antd元件

antd的高階配置 antd的自定義主題 在react專案中進行安裝yarn add antd或者npm i antd安裝 import react,from react import from antd 引入按鈕 import antd dist antd.css 還需要引入css樣式 目的是不用...

在 React 中使用 Typescript

用 typescript 寫 react 可比寫 vue 舒服太多了,react 對 ts 的支援可謂天生搭檔,如果要用 ts 重構專案,不像 vue 對專案破壞性極大,react 可以相對輕鬆的實現重構。如在已有專案中使用typescript,需要手動安裝 typescript types rea...