小编Ask*_*ace的帖子

我的 React 应用程序中出现“Object(...) 不是函数”错误

文件：SchemasContext.js

import React, { useState, createContext } from "react";

export const SchemasContext = createContext([]);

export const SchemasProvider = props => {
  const [schemas, setSchemas] = useState([]);

  return (
    <SchemasContext.Provider value={[schemas, setSchemas]}>
      {props.children}
    </SchemasContext.Provider>
  );
};

文件：Sidebar.js

import React from 'react';

import { Schemas } from './components.js'
import { SchemasProvider } from "../context/SchemasContext";

console.log('sidebar SchemasProvider: ', SchemasProvider);

function Sidebar() {
  return (
    <SchemasProvider>
      <Schemas />
    </SchemasProvider>
  );
}

该console.log('sidebar SchemasProvider: ', SchemasProvider);语句似乎确认导入已正确完成，它输出：

sidebar SchemasProvider:  
SchemasProvider(props) …

VS Code：自动关闭括号

\n

\xc2\xa0 \xc2\xa0 “我希望当V.S. Code我将左括号插入到代码中时自动为我关闭括号。”

\n

示例： \n\xc2\xa0 \xc2\xa0 通常，当在任意软件内按下
左括号键 \xe2\x80\x94即 {\xe2\x80\x94 时，将在文档中添加一个左括号，其中光标位于其右侧，如下所示。

\n

{ |

\n

注意：“|用于显示光标的位置。”

\n

\xc2\xa0 \xc2\xa0 当按下左括号键时，我希望 VS Code 添加一对括号，光标位于它们之间，如下所示。

\n

{ | }

\n

注意：“|用于显示光标的位置。”

\n

我想构建一个事件处理程序来处理 HTML 5 Video 元素的每个新帧。不幸的是，没有为每个新视频帧触发的内置事件（timeupdate 事件是最接近的，但为每次时间更改而不是每个视频帧触发）。

还有其他人遇到同样的问题吗？有什么好的办法吗？