Ошибка синтаксического анализа: неожиданный токен, ожидаемый "," в react.js

#java #reactjs #syntax-error

#java #reactjs #синтаксическая ошибка

Вопрос:

Я пишу этот код в react.js

   function Sidebar() {
        const [rooms, setRooms] = useState( [] );
        useEffect(() => {
            db.collection("rooms").onSnapshot((snapshot)
            =>
            setRooms(
                snapshot.docs.map((doc) => ({
                    id: doc.id,
                    data: doc.data(),
    
                })
                ))
            );
        }, []);

И он показывает ошибку:

./src/Sidebar.js Строка 17: 9: Ошибка синтаксического анализа: ожидаемый неожиданный токен «,»

   15 |     useEffect(() => {
  16 |         db.collection("rooms").onSnapshot((snapshot)
> 17 |         =>
     |         ^
  18 |         setRooms(
  19 |             snapshot.docs.map((doc) => ({
  20 |                 id: doc.id,

1. Это мой первый вопрос в stackoverflow, поэтому извините за путаницу

2. я думаю, потому что => это в следующей строке. попробуйте переместить его сразу после моментального снимка onSnapshot((snapshot) =>

3. Боже , ты великолепен .. Проблема исправлена

4. Пожалуйста, удалите тег java. Java не имеет ничего общего с javascript.

Ответ №1:

Как указал Луис в комментарии, перемещение => сразу после (snapshot) решит проблему. Просто для добавления используйте какой-то IDE. VSCode рекомендуется IDE для разработки React), но вы можете использовать любую другую IDE и настроить параметры eslint, prettier и autoformatonsave, чтобы вам не приходилось тратить слишком много времени на устранение проблем такого типа. Вот отличное руководство по настройке VSCode со всеми расширениями.