小编Agu*_*ues的帖子

我目前正在编写一个 React -typescript 应用程序来练习 FluentUI（又名 Fabric）。我的 App.tsx 组件出现\n问题。

import React, { useContext, useState } from 'react';\nimport logo from './logo.svg';\nimport './App.css';\nimport Search from './components/Search';\n//import CategoriasProvider from './components/Context/CategoriasContext';\nimport Title from './components/Title';\nimport { ListGhostingExample } from '../src/components/DrinkList';\nimport { PrimaryButton } from 'office-ui-fabric-react';\nimport { CategoriasContext,  ICategoriasContextInterface } from './components/Context/CategoriasContext';\nimport CategoriasProvider from './components/Context/CategoriasContext';\nimport axios from 'axios';\nimport './components/DrinkList.css'\nimport './components/Search.css'\n\ninterface IApp{\n  items:ICategoriasContextInterface[],\n  renderList:boolean\n  \n}\n\nconst App =()=> {\n \n  const contextValues=useContext(CategoriasContext);\n  \n  return(\n<CategoriasProvider>\n    <div className="App">\n     \n        <div className="search">\n          <Search name={contextValues?.name} image={contextValues?.image} thumbnail={contextValues?.thumbnail} />\n        </div>\n\n     \n    </div>\n    </CategoriasProvider>\n …