java - 解析错误: Unexpected token, expected “,” in 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
第17:9行:解析错误:意外的 token ，预期为“，”

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

Answer 1

正如Luis在评论中指出的那样，将=>紧跟在(snapshot)之后将解决此问题。只是添加使用某种IDE。推荐使用VSCode IDE进行React开发)，但是您可以使用任何其他IDE并设置eslint，pettitier和autoformatonsave选项，这样您就不必花费太多时间来解决这些类型的问题。 Here是设置所有扩展名的VSCode的绝佳教程。