如何更改 React Google Charts 中的默认错误警报？

Question

如何更改看起来像红色横幅的默认 React Google Charts 错误警报？我创建了一个事件来监听错误，但我无法更改它的外观。

{
     eventName:"error",
     callback({ chartWrapper }) {
     console.log("Error", chartWrapper)
   }
}

Answer 1

请记住，当您从 API 获取信息时，您可能会发现错误...

在文档中显示的示例中，您将 API 作为异步函数调用

didMount={async function(component) {
    const response = await fetch(
      'https://api.exchangeratesapi.io/latest?symbols=USD,GBP,CAD',
    )
    const json = await response.json()
    const rateCurrencyNames = Object.keys(json.rates)
    const rateCurrencyValues = Object.values(json.rates)
    const chartData = [['Currency Name', 'Currency Rate']]
    for (let i = 0; i < rateCurrencyNames.length; i += 1) {
      chartData.push([rateCurrencyNames[i], rateCurrencyValues[i]])
    }
    component.setState({
      dataLoadingStatus: 'ready',
      chartData: chartData,
    })
  }}

并将其作为道具传递。在这种情况下，您可能希望使用 try 和 catch 函数来捕获错误并将其保存在一个状态中，以便在您的组件中呈现它。