小编Ale*_*hzo的帖子

React:TypeError:尝试使用react-bootstrap容器时无法读取null的属性(读取'useContext')

正如标题中所述,我正在尝试创建一个布局组件,但使用任何反应引导组件似乎都会给我错误。在这种情况下,使用我收到错误:

类型错误:无法读取 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)

javascript containers components reactjs react-bootstrap

9
推荐指数
1
解决办法
2万
查看次数