小编Júl*_*zer的帖子

我正在关注这篇文章:https://calibreapp.com/blog/2017-11-28-debugging-react/

我运行分析但是当我点击组件时,我看不到确切的时间,正如文章中提到的那样.

我使用React 16,我处于开发模式.我也试过?react_perf但是没有帮助(无论如何应该是React 15)

谢谢你的回答

我遵循了https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path中的建议，升级到React 16.3.2后，我想重命名所有即将被淘汰的生命周期方法与其UNSAFE_等效方法。

但是我注意到UNSAFE_componentWillReceiveProps根本没有调用。当我更改回componentWillReceiveProps它的作品。有什么想法吗？

class Chart extends React.Component<ChartProps> {
  chartContainer: SVGSVGElement;
  tooltip: HTMLDivElement;
  xScale: ScaleBand<string>;
  yScale: ScaleLinear<number, number>;

  UNSAFE_componentWillReceiveProps(nextProps: Props) {
    ...
  }
...
}

<div className="col-lg-3 col-md-3">
    <li>
      <img src='https://i.imgur.com/fe0T4nw.png' onClick="https://arizonaatwork.com" />
    </li>
</div>

在我的项目中，我正在导入图像，并且在 onclick 时我希望图像将它们带到 URL。我怎样才能完成这件事？