小编dan*_*iel的帖子

我正在开发一个从 firebase 数据库中提取数据的 react chap 应用程序。在我的“仪表板”组件中，我有一个 useEffect 钩子检查经过身份验证的用户，如果是，则从 firebase 中提取数据并设置电子邮件变量和聊天变量的状态。我使用 abortController 进行 useEffect 清理，但是每当我第一次注销并重新登录时，我都会收到内存泄漏警告。

index.js:1375 警告：无法对卸载的组件执行 React 状态更新。这是一个空操作，但它表明您的应用程序中存在内存泄漏。要修复，请取消 useEffect 清理函数中的所有订阅和异步任务。

在仪表板中（由 Context.Consumer 创建）

最初我没有 abortController，我只是在清理时返回了一个控制台日志。做了更多的研究，发现 abortController 但是这些例子使用了 fetch 和信号，我找不到任何与 async/await 一起使用的资源。我愿意更改数据的检索方式，（无论是使用 fetch、async/await 还是任何其他解决方案）我只是无法使用其他方法使其正常工作。

const [email, setEmail] = useState(null);
const [chats, setChats] = useState([]);

const signOut = () => {
    firebase.auth().signOut();
  };

useEffect(() => {
    const abortController = new AbortController();
    firebase.auth().onAuthStateChanged(async _user => {
      if (!_user) {
        history.push('/login');
      } else {
        await firebase
          .firestore()
          .collection('chats')
          .where('users', 'array-contains', _user.email)
          .onSnapshot(async res => …

在我的 React Signup 组件中有一个表单，用户可以在其中输入他们的电子邮件、密码和密码确认。我正在尝试使用 jest/react-testing-library 编写测试，但是由于接收到的函数调用次数为 0，预期调用次数为 1，因此测试一直失败。

我尝试过 Jest 匹配器的变体，例如 .toHaveBeenCalled()、.toHaveBeenCalledWith(arg1, arg2, ...)、toBeCalled()，所有这些都仍然期望值为 1 或更大但失败，因为接收到的数字为 0。我已经尝试了 fireEvent.click 和 fireEvent.submit ，这两个都失败了。

注册.js

export const Signup = ({ history }) => {
  const classes = useStyles();

  const [signup, setSignup] = useState({
    email: null,
    password: null,
    passwordConfirmation: null,
  });
  const [signupError, setSignupError] = useState('');

  const handleInputChange = e => {
    const { name, value } = e.target;

    setSignup({ ...signup, [name]: value });
    console.log(signup);
  };

  const submitSignup = e => {
    e.preventDefault();
    console.log( …