小编sar*_*rah的帖子

我需要有关此问题的帮助，我的应用程序组件如下图所示。我想在单击“查看详细信息”按钮时inselectedTrack使用的状态存储跟踪对象。useState然后用它来显示轨道详细信息，而不是从 API 中再次获取来获取轨道详细信息，但是当我useContext在内部使用时，会出现此错误TypeError: Cannot read property 'selectedTrack' of undefined。 反应组件

import React from 'react';
import Header from './Header';
import Search from '../tracks/Search';
import Tracks from '../tracks/Tracks';
import Footer from './Footer';
import TrackContextProvider from '../../contexts/TrackContext';

const Main = () => {
  return (
    <div>
      <TrackContextProvider>
        <Header />
        <Search />
        <Tracks />
        <Footer />
      </TrackContextProvider>
    </div>
  );
};

export default Main;

TrackContext.js

import React, { createContext, useState, useEffect } from 'react';
export const TrackContext …