我在componentDidMount中有 React Component從服務(wù)器獲取數(shù)據(jù)。問題是componentDidMount被調(diào)用了兩次，API 也被調(diào)用了兩次。由于兩次 API 調(diào)用，我有一個視圖增量 API，例如 youtube 視頻視圖在數(shù)據(jù)庫中增加了兩次。class SingleVideoPlay extends React.Component {    constructor(props) {        super(props);        this.player = React.createRef();    }    state = {        autoPlay: true,        relatedVideos: [],        video: null,        user: null,        comments: [],        commentInput: {            value: '',            touch: false,            error: false       },        following: false,        tab: 'comments'    };    _Mounted = false;    componentDidMount() {        this._Mounted = true;        if (this._Mounted) {            const videoId = this.props.match.params.id;            this.getVideoDetails(videoId);        }    }    componentWillUnmount() {        this._Mounted = false;        try {            clearInterval(this.state.videoInterval);            this.props.videoEditUrl('');        } catch (error) {}    }    captureVideoTime = async () => {        const { video } = this.state;        const result = await updateWatchTime({            id: video._id,            time: 1        });        if (result.status === 200) {            const updateVideo = {                ...video,                secondsWatched: video.secondsWatched + 1            };            this.setState({ video: updateVideo });        }    };    videoEnded = () => {        clearInterval(this.state.videoInterval);    };    videoPause = () => {        clearInterval(this.state.videoInterval);    };    loadVideo = () => {        clearInterval(this.state.videoInterval);    };    playingVideo = () => {        const interval = setInterval(this.captureVideoTime, 1000);        this.setState({ videoInterval: interval });    };我不知道為什么 componentDidMount 調(diào)用了兩次，因為它顯示內(nèi)存占用問題。