reactjs - 为什么我得到 “useContext is not a function”或 “context is not defined”？

Question

我试图在我的无状态组件中使用上下文。我更新了对v16.8.0的 react ，并添加了useContext，但是，我不断遇到这两个错误，不知道该怎么办。这是我的代码:

import React, { useState } from "react";
import axios from "axios";
import { LanguageContext } from "./languageContext";
import { useContext } from "react";

function StripeButton() {
  const context = useContext(LanguageContext);
  const stripe = Stripe("pk_live_5PjwBk9dSdW7htTKHQ3HKrTd");

  const [error, setError] = useState();

  const handleClick = () => {
    stripe
      .redirectToCheckout({
...
    });
  };

  return (
    <div>
      <button
        id="UrgentCheckedButtonYES"
        className="btn-primary"
        onClick={handleClick}
      >
        {this.context.main.name}
        <br />
      </button>
      <div>{error}</div>
    </div>
  );
}

export default StripeButton;
StripeButton.contextType = LanguageContext;

Answer 1

您需要像这样导入useContext:

import { useContext } from 'react';