如何在 React JS 功能组件中进行错误处理

Question

  {    props.history.map((element,index)=>{

return( <>

 <Historyy temp={element.main.temp} imgvalue3={imgvalue3} imageUrl={element.weather[0].icon} mintemperature={element.main.temp_min} maxtemperature={element.main.temp_max} weather={element.weather[0].description} wind={element.wind.speed} humidity={element.main.humidity}  time={index + 1}/>

/> ) }) }

//这是我想在我的地图函数获得空值或未定义值时执行的代码，我可以简单地显示其他消息，如未找到数据。

Answer 1

一个可能的解决方案，三元运算符。如果 history 为 null 或 undefined 显示你的 h1 标签，否则显示 history 组件。

{props.history ? props.history.map((element,index)=>{
return(<> 
 <Historyy temp={element.main.temp} imgvalue3={imgvalue3} imageUrl={element.weather[0].icon} mintemperature={element.main.temp_min} maxtemperature={element.main.temp_max} weather={element.weather[0].description} wind={element.wind.speed} humidity={element.main.humidity}  time={index + 1}/>
</> ) }) : <h1>an error has occured</h1> }

如何在 React JS 功能组件中进行错误处理

how to do error handling in react js functional components

error-handling

reactjs

react-functional-component