解析错误：react.js 中出现意外标记，预期为“,”

Question

我在 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 Line 17:9: Parsing error: Unexpected token, expected ","

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

Answer 1

正如路易斯在评论中指出的那样，在(snapshot)之后立即移动=>将解决该问题。 只是为了添加使用某种 IDE。 VSCode是 React 开发的推荐 IDE），但您可以使用任何其他 IDE 并设置 eslint、prettier 和 autoformatonsave 选项，这样您就不必花费太多时间来修复这些类型的问题。 这是使用所有扩展设置 VSCode 的绝佳教程。