Блог

Главная - Вопросы по программированию - Почему это next.js выдает мне эту ошибку: «Анонимные функции со стрелками вызывают быстрое обновление, чтобы не сохранять состояние локального компонента».

Почему это next.js выдает мне эту ошибку: «Анонимные функции со стрелками вызывают быстрое обновление, чтобы не сохранять состояние локального компонента».

#javascript #reactjs #next.js

Вопрос:

У меня был проект в репо git. Я попытался протолкнуть его на github, но он мне не позволил. В нем говорилось, что версия на github была более поздней, чем версия на моем локальном компьютере. Но я работал только на этой машине, и я не вносил новых изменений в течение нескольких дней. Так что у меня было много изменений, которые я не хотел терять. Итак, я просто попытался удалить файл .git и начать все заново. Но это создавало мне проблемы. Поэтому я просто скопировал всю файловую структуру в новый файл, чтобы начать все заново. Но теперь он выдает мне предупреждение «Анонимные функции со стрелками вызывают быстрое обновление, чтобы не сохранять состояние локального компонента».

Я никогда не получал этого предупреждения при работе с другой папкой.

Что еще более сбивает с толку, страница, для которой она выдает предупреждение, _app.js файл, экспортирует именованную функцию.

Я не понимаю.

Вот это _app.js файл.

 import '../styles/globals.css'
import Layout from '../components/Layout';
import { useState } from 'react';

export default function MyApp({ Component, pageProps }) {
  // state
  let [activeTab, setActiveTab] = useState('Sign In')

  return (
    <Layout activeTab={activeTab}>
      <Component {...pageProps} />
    </Layout>
  )
}

Я даже проверил компонент макета, задаваясь вопросом, был ли он анонимным. Это не.

 import styles from '../styles/styles.module.scss';
import Sidebar from './Dashboard/Sidebar';

export default function Layout({children, activeTab}){
    return (
        <div className={styles.container}>
            <div className={styles.main}>
            <div className={styles.dash}>
                <Sidebar activeTab={activeTab}/>
                <div className={styles.content}>
                    {children}
                </div>
            </div>
            </div>
        </div>
    )
}

Комментарии:

1. Вы уверены, что у вас нет функции анонимной стрелки в любом другом компоненте и/или странице вашего проекта?

2. Во всем проекте-нет. В каждом компоненте, который используется или импортируется каким-либо образом, форма или форма в _app.js файл, в котором он сообщает о проблеме.

3. @yungeddy ты нашел решение? У меня возникла эта проблема с момента обновления со следующего 10 по 11

Метки: ,