有什么簡單的方法可以根據(jù) if 條件的結果將 React 組件渲染到 App.js 中？我有時鐘應用程序，當我定義的鬧鐘值等于當前時間時，它應該“響鈴”。這個“響鈴”效果我想成為另一個組件，例如 Ring.js 將在當前時間等于鬧鐘時間時呈現(xiàn)，并且它將包含來自狀態(tài) a 的文本我可以通過單擊按鈕簡單地卸載它。這是我的函數(shù)，它每秒調用一次，以檢查 alarmHours 狀態(tài)是否有值。  function checkTime(){   if(time.alarmHours && time.alarmMinutes){    if(time.currentHour === time.alarmHours && time.currentMinute === time.alarmMinutes &&      time.currentSecond === '00'){      //VALUES ARE EQUAL ,ALARM IS RINGING,RENDER COMPONENT     }    }   }我的第一個想法是創(chuàng)建空變量，如果滿足條件，只需將 Ring.js 組件插入該變量即可。let ring;function checkTime(){  if(time.alarmHours && time.alarmMinutes){    if(time.currentHour === time.alarmHours && time.currentMinute === time.alarmMinutes &&     time.currentSecond === '00'){      ring = <Ring />    }  }}然后，只需在 App.js 的 Return() 中渲染該變量，就像這樣。Return(  <div>    {ring}  </div>)但它不起作用，什么都沒有呈現(xiàn)。我試圖查看官方 React 文檔，他們提供的示例很少，但我真的不知道如何在我的案例中實施該方法。如果滿足該條件，我不知道如何呈現(xiàn)該組件。有人可以幫我嗎？我會很感激的。謝謝你。codesandbox 鏈接：https ://codesandbox.io/s/rough-paper-xv0wi?file=/src/App.js