正如标题中所述,我正在尝试创建一个布局组件,但使用任何反应引导组件似乎都会给我错误。在这种情况下,使用我收到错误:
类型错误:无法读取 null 的属性(读取“useContext”)
该布局组件的代码如下:
import React from 'react';
import { Container } from 'react-bootstrap';
export const Layout = (props) => (
<Container>
{props.children}
</Container>
)
Run Code Online (Sandbox Code Playgroud)
这是从下面的 App.js 调用的:
import React, { Component } from 'react';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
import { Layout } from './components/Layout';
import { Home } from './components/Home';
import './custom.css'
class App extends Component {
render () {
return (
<Layout>
<Switch>
<Router>
<Route exact path='/' component={Home} />
</Router>
</Switch> …Run Code Online (Sandbox Code Playgroud)