javascript - 为什么我的 React 组件会不断重新渲染？

Question

我正在尝试在我正在构建的 React 项目中将一个 Tockify 日历嵌入到一个组件中。我应该注意到我正在使用一个名为 react-script-tag 的库，它允许我使用 <script/>我的组件中的标签。
无论如何，日历正在渲染 - 但随后会继续重新渲染，就好像它卡在某种循环中一样。我有一种感觉，我需要实现某种生命周期方法。有什么建议？代码如下:

import React from 'react'
import Nav from './Nav'
import ScriptTag from 'react-script-tag'

class Events extends React.Component {

    render() {
    return (
        <div>
            <Nav/>
             <div data-tockify-component="calendar" data-tockify-calendar="hzevents2"></div>
            <ScriptTag isHydrating={false} data-cfasync="false" data-tockify-script="embed" src="https://public.tockify.com/browser/embed.js"></ScriptTag> 
        </div>
    )
    }
}

export default Events

Answer 1

使用 React.PureComponent 而不是 React.Component 因为 React.PureComponent 将阻止在不需要或更新时重新渲染。