相关疑难解决方法(0)

我的组件看起来像这样：（它具有更多功能和列，但我没有包含它以使示例更简单）

const WeatherReport: FunctionComponent<Props> = ({ cityWeatherCollection, loading, rerender }) => {\n  /* some use effects skipped */\n  /* some event handlers skipped */\n\n  const columns = React.useMemo(() => [\n    {\n      header: 'City',\n      cell: ({ name, title }: EnhancedCityWeather) => <Link to={`/${name}`} className="city">{title}</Link>\n    },\n    {\n      header: 'Temp',\n      cell: ({ temperature }: EnhancedCityWeather) => (\n        <div className="temperature">\n          <span className="celcius">{`${temperature}\xc2\xb0C`}</span>\n          <span className="fahrenheit">{` (~${Math.round(temperature * (9 / 5)) + 32}\xc2\xb0F)`}</span>\n        </div>\n      )\n    },\n    {\n      header: '',\n      cell: ({ isFavorite } : EnhancedCityWeather) …