类型错误：使用反应上下文 API 时，调度不是一个函数

Question

我是反应的新手，目前使用上下文API，我正在尝试从表单中的用户输入中获取国家名称，然后发送回上下文，并且在上下文中我使用Concercentdidmount调用API并显示数据，当用户输入时，它保存数据警报它，但随后突然出现该错误。这是我的表单文件。import React, { useState } from 'react'import { Consumer } from '../../context';import Spinner from '../spinner';function Country() {    const [name, setName] = useState('');    //     function Submit (e, dispatch){        e.preventDefault();        alert(`this form is submited ${name}`)        dispatch({type: 'SELECT_COUNTRY', payload: name});        setName('');    }    return (        <Consumer>            { value =>{                if (!value.chart.length){                    return <Spinner/>                }                else{                    // setCountry(value.countries)                    const { dispatch } = value;                    console.log('coming from dispatch',dispatch)                            </Consumer>    )}

Answer 1

您没有正确调用提交函数，请尝试以下操作：

form onSubmit={(e)=>Submit(e,dispatch)}