如何解決這個 期望賦值或函數調用，而是看到一個表達式 no-unused-expressions

Question

問題 ：

./src/components/main.js 第 7 行：期望賦值或函數調用，但看到的是表達式 no-unused-expressions

搜索關鍵字以了解有關每個錯誤的更多信息。

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;

我該如何解決這個問題，請幫幫我

Answer 1

你錯過了幾件事。 首先，您需要從react-router-dom導入BrowserRouter或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;

Answer 2

只需將括號大括號更改為括號即可。 當您在函數內部編寫 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