Javascript 为什么我没有定义一个函数而使用React路由器？

我将React Router v4.0.0-alpha.3与create React应用程序一起使用，如下所示：

// For react app
import React from 'react';
import { render } from 'react-dom';
import { BrowserRouter, Match, Miss } from 'react-router';

import './css/style.css';
// For electron app ~
import './ReactotronConfig'
import StorePicker from './components/StorePicker'
import App from './components/App'

class NotFound extends React.Component {
  render() {
    return (
      <div>Not Found.</div>
    )
  }
}

const Root = () => {
  return (
    <BrowserRouter>
      <div>
        <Match exactly pattern="/" component={StorePicker} />
        <Match pattern="/store/:storeId" component={App} />
        <Miss component={NotFound} />
      </div>
    </BrowserRouter>
  );
}


render(
  <Root />,
  document.querySelector('#main')
)

//用于react应用程序
从“React”导入React；
从'react dom'导入{render}；
从“react router”导入{BrowserRouter，Match，Miss}；
导入“./css/style.css”；
//电子应用程序~
导入“/ReactotronConfig”
从“./components/StorePicker”导入StorePicker
从“./components/App”导入应用程序
类NotFound扩展了React.Component{
render（）{
返回(
没有找到。
)
}
}
常量根=（）=>{
返回(
);
}
渲染(
,
document.querySelector（“#main”）
)

我发现了这些错误

我在网上发现的唯一一个原因是，我可能导入错误，但我很抱歉。我很确定我忽略了一些显而易见的事情

应用程序和Storepicker的代码：

import React from 'react'
import Header from './Header'
import Order from './Order'
import Inventory from './Inventory'

const App = ({...props}) => (
  <div className='catch-of-the-day'>
    <div className='menu'>
      <Header tagline="Fresh Seafood Market" />
    </div>
    <Order />
    <Inventory />
  </div>
)

export default App

从“React”导入React
从“./头”导入头
从“/订单”导入订单
从“./库存”导入库存
常量应用=（{…道具}）=>(
)
导出默认应用程序

--

import React，{Component}来自“React”
类StorePicker扩展组件{
render（）{
返回(
请进入一家商店
参观商店☞
)
}
}
导出默认存储选择器

您是否正确地导出了

您的
StorePicker
和
App
组件？@Timo是的，都是文件底部的
导出默认值
。您能否共享这两个组件的相关代码？例如，类定义和导出？我对React知之甚少，所以如果我错了，请纠正我的错误，但问题不在于
根
元素既不是类，也不是从
React.Component
继承的，所以它没有
render（）
方法吗？@Timo-Sure；编辑您是否正确地导出了您的
StorePicker
和
App
组件？@Timo是的，都是文件底部的
export default
。您能否共享这两个组件的相关代码？例如，类定义和导出？我对React知之甚少，所以如果我错了，请纠正我的错误，但问题不在于
根
元素既不是类，也不是从
React.Component
继承的，所以它没有
render（）
方法吗？@Timo-Sure；编辑
import React, {Component} from 'react'

class StorePicker extends Component {
  render() {
    return (
      <form className='store-selector'>
        <h2>Please Enter A Store</h2>
        <input type='text' required placeholder='Store Name'/>
        <button type='submit'>Visit Store ☞</button>
      </form>
    )
  }
}

export default StorePicker