Ожидается присваивание или вызов функции, и вместо этого в React обнаружена ошибка выражения no-unused-expression

Question

Я использую React Router v4, в котором я создаю файл маршрута после создания пути к маршрутизатору, он выдает ошибку = n, так как я упоминал об ожидаемом вызове присваивания или функции и вместо этого видел выражение no-unused-expression.Я стараюсь изо всех сил, чтобы решить ее, но не могу, так как я новичок в 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;

Answer 1

Компонент функции должен возвращать значение, а это не так.Ошибка Linter отражает это.

Это должно быть либо:

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

Или:

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