为什么我收到 tis 错误消息？解析错误: '>' 预期答案

【问题标题】：Why am i getting tis error message? Parsing error: '>' expected为什么我收到 tis 错误消息？解析错误: '>' 预期
【发布时间】：2022-01-04 12:00:50
【问题描述】：

所以我正在尝试创建一个上下文并不断收到此错误：

第 12:31 行：解析错误：预期为“>”。

我似乎找不到问题。

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

export const UserContext = createContext({});
export const UserContextProvider: React.FC = ({ children }) => {
  const [number, setNumber] = useState(1);
  const values = {
    number,
    setNumber,
  };
  return <UserContext.Provider value={values}>{children}</UserContext.Provider>;
};

【问题讨论】：

示例中的哪一行是“第 12 行”？
UserContextProvider这一行
typescriptlang.org/play?#code/… 似乎认为没有错误。
你在使用 TypeScript 吗？文件扩展名是什么？ ts？ tsx?
evolutionxbox: Wired 我要重启电脑看看有没有帮助

标签： javascript reactjs typescript types react-context

【解决方案1】：

嗨，马夫，

您返回的内容与 React.FC 类型的预期返回不匹配。

请尝试以下方法：

export const UserContextProvider: React.FC<{ children: ReactNode }> = ({ children }): ReactElement => {
  const [number, setNumber] = useState(1);
  const values = {
    number,
    setNumber,
  };
  return React.createElement(UserContext.Provider, { value: values }, children);
};

【讨论】：

【解决方案2】：

感谢大家的帮助：D 当我重新启动 vs 代码时，它似乎已经解决了

【讨论】：