无法解构 React 上下文对象

Question

//App.tsx

import { createContext, useState } from "react";
import { defaultFormData } from "./components/Context";

function App() {
    const [formData, setFormData] = useState(defaultFormData);

    return (
        <ThemeProvider theme={theme}>
            <FormStateContext.Provider value={{ formData, setFormData }}>

//step.tsx

import { FormStateContext } from "../../App";
import { useContext } from "react";

export function step() {
    const {formData, setFormData} = useContext(FormStateContext);

每次我尝试以任何方式解构对象时，都会收到错误，指出类型中不存在属性

{}

。

Answer 1

检查用作 createContext 参数的默认值，它不应为 null 或未定义。

const SomeContext = createContext(defaultValue)