React Typescript，类型“”不可分配给类型“null”

Question

我用 React 和 typescript 启动了一个简单的待办事项应用程序

我正在创建上下文，但内容提供者的值出现错误

<TodoContext.Provider value={contextValue}>{children}</TodoContext.Provider>

对于值我得到错误

Type '{ todoList: string[]; }' is not assignable to type 'null'.

错误是什么意思以及如何修复此打字稿错误

import { createContext, useContext, useState, ReactChildren, ReactChild } from "react";

interface AuxProps {
    children: ReactChild | ReactChildren;
  }

const TodoContext = createContext(null)

const intialTodo = ['Learn Context']

const TodoProvider = ({children}:AuxProps) => {

    const [todoList, setTodoList] = useState<string[]>(intialTodo)

    const contextValue = {
        todoList
    }

    return(
        <TodoContext.Provider value={contextValue}>{children}</TodoContext.Provider>
    )
}

export const useTodoContext = () => useContext(TodoContext)

export default TodoProvider

Answer 1

因为您发送的只是空值。但上下文需要 null 类型，就像这样

const TodoContext = createContext(null as any)
render{
 const photosObject = this.context as any
}