在未来的React版本中，你可能不需要修复这个问题。React开发团队将在未来的版本中删除此警告。主要原因是这种警告有时可能是假阳性。
作者：Dan Abramov https://github.com/facebook/react/pull/22114
但是在版本发布之前解决这个问题的解决方案是什么-
1.使用isMountState反模式-如果有人在他的代码中检查isMounted来解决这个问题，那么这个人在执行这个检查时已经太晚了，因为这个警告表明React已经完成了相同的检查并且失败了。
1.如果此问题是由于异步调用引起的。那么一个可能的解决方案是在代码中使用AbortController API。AbortController API可以帮助中止任何已经进行 AJAX 调用。很酷的东西。对吧？
更多细节可以在这里找到
Abort Controller1
因此，如果它是一个获取API，则可以像这样使用AbortController API

useEffect(() => {
  const abortController = new AbortController()
  // creating an AbortController
  fetch(url, {
      signal: abortController.signal
    })
    // passing the signal to the query
    .then(data => {
      setState(data)
      // if everything went well, set the state
    })
    .catch(error => {
      if (error.name === 'AbortError') return
      // if the query has been aborted, do nothing
      throw error
    })

  return () => {
    abortController.abort()
    // stop the query by aborting on the AbortController on unmount
  }
}, [])

如果你正在使用axios，那么好消息是axios还提供了对AbortController API的支持-

const fetchData = async (params) => {
        setLoading(true);
        try {
            const result = await axios.request(params);
            // more code here 

        } catch (curError) {
            if (axios.isCancel(curError)) {
                return false;
            }
            // error handling code 
        }
        return null;
    };

    useEffect(() => {
        const cancelToken = axios.CancelToken;
        const source = cancelToken.source();

            fetchData({
                ...axiosParams,
                cancelToken: source.token
            });
        
        return () => {
            source.cancel("axios request cancelled");
        };
    }, []);