Неопределенный JSX-контент при использовании browserroutes? - PullRequest
1 голос
/ 09 мая 2019

Я хочу провести маршрутизацию через компоненты реакции в приложении, используя browserroutes и маршруты response-router-dom, но получая ошибку

Ошибка:

Line 44:  Parsing error: Unterminated JSX contents

  42 |              <Route path='/edit' component={EditExpensePage} />
  43 |          </div>
> 44 |      </BrowserRouter>
     |                      ^
  45 | );

__ Файл: __

import React from 'react';
import ReactDOM from 'react-dom';
import {BrowserRouter,Route} from 'react-router-dom';


const HelpPage =()=>{
return(
    <div>
        This is from HelpPage
    </div>
);
}

const EditExpensePage =() =>{
return(
    <div>
        This is from EditExpensePage
    <div>
);
}
const routes=(
    <BrowserRouter>
        <div>
            <Route path='/' component={HelpPage} exact={true}/>
            <Route path='/edit' component={EditExpensePage} />
        </div>
    </BrowserRouter>
);

ReactDOM.render(routes, document.getElementById('root'));

Я пробовал сделать его компонентом без сохранения состояния (маршрутами) и преобразовать его в компонент реагирования, но он не работал и по-прежнему выдавал ошибкунеопределенный JSX-контент

1 Ответ

0 голосов
/ 09 мая 2019

Вот ответ:

const EditExpensePage =() =>{
return(
    <div>
        This is from EditExpensePage
    </div>
);
...