не удалось скомпилировать. «Приветствие» не определено в реакции-маршрутизаторе 3

Question

Я использую реагирующий маршрутизатор 3, и я получил эту ошибку, которую не смог исправить. Вот ошибка Строка 9: «Приветствие» не определено в rout.js.Вот мой файл rout.js.

import React from 'react';
import {Route, IndexRoute} from 'react-router';
import App from './App';
const Greeting =()=>{
  return <div> Hey Greeting </div>;
};
export default(
   <Route path="/" component={App}>
   <Route path="greet" component={Greeting}/>
   </Route>
);

Answer 1

import React from 'react';
import {Route, IndexRoute} from 'react-router';
import App from './App';
import Greeting from './Greeting';

export default () => {
  return(
    <div>
      <Route path="/" component={App}>
        <IndexRoute component={App} />
        <Route path="greet" component={Greeting}/>
     </Route>
   </div>
  );
);

Answer 2

В своем выражении возврата оберните синтаксис HTML в круглые скобки следующим образом:

return (<div> Hey Greeting </div>);