[英]how to solve this Expected an assignment or function call and instead saw an expression no-unused-expressions
problem :问题 :
./src/components/main.js Line 7: Expected an assignment or function call and instead saw an expression no-unused-expressions ./src/components/main.js 第 7 行:期望赋值或函数调用,但看到的是表达式 no-unused-expressions
Search for the keywords to learn more about each error.搜索关键字以了解有关每个错误的更多信息。
import React from 'react';
import { Switch, Route } from 'react-router-dom';
import LandingPage from './landingpage'
const Main = () => {
<Switch>
<Route exact path="/" component={LandingPage}/>
</Switch>
}
export default Main;
how can i solve this, please help me我该如何解决这个问题,请帮帮我
You're missing a couple of things.你错过了几件事。 First you need to import BrowserRouter
or Router
from react-router-dom
.首先,您需要从react-router-dom
导入BrowserRouter
或Router
。 And you need to return your Router.你需要归还你的路由器。
import React from 'react';
import { Switch, Route, BrowserRouter } from 'react-router-dom';
import LandingPage from './landingpage'
const Main = () => {
return(
<BrowserRouter>
<Switch>
<Route exact path="/" component={LandingPage}/>
</Switch>
</BrowserRouter/>
)
}
export default Main;
Just Change Bracket Braces To parenthesis.只需将括号大括号更改为括号即可。 when you write JSX inside the function you need to use parenthesis not Bracket because your function has JSX.当您在函数内部编写 JSX 时,您需要使用括号而不是 Bracket,因为您的函数具有 JSX。 {}=>() {}=>()
import React from 'react';
import { Switch, Route } from 'react-router-dom';
import LandingPage from './landingpage'
const Main = () => (
<Switch>
<Route exact path="/" component={LandingPage}/>
</Switch>
)
export default Main
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.