Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 反应路由器dom给出错误_Javascript_Reactjs - Fatal编程技术网

Javascript 反应路由器dom给出错误

Javascript 反应路由器dom给出错误,javascript,reactjs,Javascript,Reactjs,我有以下“react router dom”的实现,但我无法让它工作。有人能告诉我潜在的问题是什么吗 App.jsx import React from "react"; import Main from "../components/Main"; import Home from "../components/Home"; import { BrowserRouter, Match, Miss, Link } from 'react-router-dom'; const App = (

我有以下“react router dom”的实现,但我无法让它工作。有人能告诉我潜在的问题是什么吗

App.jsx

import React from "react";
import Main from "../components/Main";
import Home from "../components/Home";
import { BrowserRouter, Match, Miss, Link } from 'react-router-dom';


  const App = () => (

   <BrowserRouter>
        <div>
            <Match exactly pattern="/" component={Main} />
            <Match pattern="/home" component={Home} />
        </div>
    </BrowserRouter>
  );

export default App;
import React from "react";
import ReactDOM from "react-dom";
import Main from "./components/Main";
import Home from "./components/Home";

import Page from './components/Page';
import App from "./config/App";


ReactDOM.render( 
   <App/>,
    document.getElementById('app')
);
从“React”导入React;
从“./components/Main”导入Main;
从“./组件/主目录”导入主目录;
从“react router dom”导入{BrowserRouter,Match,Miss,Link};
常量应用=()=>(
);
导出默认应用程序;
Index.jsx

import React from "react";
import Main from "../components/Main";
import Home from "../components/Home";
import { BrowserRouter, Match, Miss, Link } from 'react-router-dom';


  const App = () => (

   <BrowserRouter>
        <div>
            <Match exactly pattern="/" component={Main} />
            <Match pattern="/home" component={Home} />
        </div>
    </BrowserRouter>
  );

export default App;
import React from "react";
import ReactDOM from "react-dom";
import Main from "./components/Main";
import Home from "./components/Home";

import Page from './components/Page';
import App from "./config/App";


ReactDOM.render( 
   <App/>,
    document.getElementById('app')
);
从“React”导入React;
从“react dom”导入react dom;
从“/components/Main”导入Main;
从“/components/Home”导入主页;
从“./components/Page”导入页面;
从“/config/App”导入应用程序;
ReactDOM.render(
请参阅

Match
Miss
来自react-router-v4.alpha的早期版本

在v4的当前稳定版本中,您应该使用
Route
而不是
Match
Miss
不再存在

我想这应该能解决你的问题。

请参考

Match
Miss
来自react-router-v4.alpha的早期版本

在v4的当前稳定版本中,您应该使用
Route
而不是
Match
Miss
不再存在


我认为这应该解决您的问题。

首先,您应该使用路由而不是匹配。
其次,导入区分大小写。

第三,根据文档,您将获得匹配对象作为道具。

首先,您应该使用路由而不是匹配。
其次,导入区分大小写。
第三,根据文档,您将获得匹配对象作为道具