解析错误：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行：解析错误：意外的令牌，预期为“，”

  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 IDE进行React开发），但是您可以使用任何其他IDE并设置eslint，pettitier和autoformatonsave选项，这样您就不必花费太多时间来解决这些类型的问题。 Here是设置所有扩展名的VSCode的绝佳教程。