Reactjs 未能编译。';问候';未在react路由器3中定义

Reactjs 未能编译。';问候';未在react路由器3中定义,reactjs,react-router,Reactjs,React Router,我正在使用react路由器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>; }; e

我正在使用react路由器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>
);
从“React”导入React;
从“react router”导入{Route,IndexRoute};
从“./App”导入应用程序;
常量问候语=()=>{
回敬问候;
};
导出默认值(
);

在return语句中,将HTML语法用括号括起来,如下所示:

return (<div> Hey Greeting </div>);
return(问候语);
从“React”导入React;
从“react router”导入{Route,IndexRoute};
从“./App”导入应用程序;
从“/”导入问候语;
导出默认值()=>{
返回(
);
);
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>
  );
);