无法编译.'Greeting'没有在react-router 3中定义

Question

我正在使用react-router 3而且我得到了这个错误，我无法纠正。这是错误第9行：'问候'没有在routes.js中定义。这是我的routes.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

在return语句中，将HTML语法包装在括号中，如下所示：

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

Answer 2

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>
  );
);