期望一个赋值或函数调用，而是在 React 中看到一个表达式 no-unused-expressions 错误答案

【问题标题】：Expected an assignment or function call and instead saw an expression no-unused-expressions error in React期望一个赋值或函数调用，而是在 React 中看到一个表达式 no-unused-expressions 错误
【发布时间】：2019-05-16 08:21:12
【问题描述】：

我正在使用 React Router v4，其中我在创建路由器路径后创建了一个路由文件，它给出了一个 =n 错误，因为我提到了预期的赋值或函数调用，而是看到了一个表达式 no-unused-expressions。我尽力解决它，但因为我是 React 的初学者所以不能解决。请解决这个问题。

这是我的 router.js 文件代码。

import React, {Component} from 'react';
import {
    BrowserRouter as Router,
    Route,
    Link

} from 'react-router-dom';
import App from '../App';

const CustomRoute = () => {

    <Router> 
               <Route path="/" component={App} />

       </Router> 
}

export default CustomRoute;

【问题讨论】：

请向我们展示您的应用组件。
问题是特定于 JS，而不是 React。
看惯了 () => () 我看了看{}

标签： javascript reactjs react-router react-router-dom

【解决方案1】：

函数组件应该返回一个值，而它没有。 Linter 错误反映了这一点。

应该是：

const CustomRoute = () => {
    return <Router> 
           <Route path="/" component={App} />
    </Router> 
}

或者：

const CustomRoute = () => (
    <Router> 
           <Route path="/" component={App} />
    </Router> 
)

【讨论】：