Reactjs 将简单组件包含到应用程序中时出错（react/redux）

我有一个基于的样板。我已经删除了FuelSaves应用程序，并将其替换为一个正常工作的应用程序-但我编写了一个组件，当我将其包含在应用程序下时，它会阻止任何呈现（我得到一个白色页面）

在App.js中添加

标记时，我遇到3个错误：

• “警告：React.createElement:类型不应为null、未定义、布尔或数字。它应为字符串（对于DOM元素）或ReactClass（对于复合组件）。请检查

  应用程序的呈现方法。”

• 未捕获不变冲突：元素类型无效：需要字符串（对于内置组件）或类/函数（对于复合组件），但得到：未定义。检查

  App

  的渲染方法
• 未捕获的TypeError:无法读取未定义的属性“props”

如果删除

UserHeader

标记，页面的其余部分就可以正常加载

src/components/App.js

import React, { PropTypes } from 'react';
import { Link, IndexLink } from 'react-router';
import { UserHeader } from './UserHeader';

const App = (props) => {
  return (
    <div>
      <IndexLink to="/">Home</IndexLink> | <Link to="/About">About</Link>
      <UserHeader />

      {props.children}
    </div>
  );
};

export default App;

import React，{PropTypes}来自'React'；
从“反应路由器”导入{Link，IndexLink}；
从“./UserHeader”导入{UserHeader}；
常量应用=（道具）=>{
返回(
家
{props.children}
);
};
导出默认应用程序；

src/components/UserHeader.js

import React, { Component, PropTypes } from 'react';

const UserHeader = (props) => {
  return (
    <p>Welcome!</p>
    );
};

export default UserHeader;

import React，{Component，PropTypes}来自'React'；
const UserHeader=（道具）=>{
返回(
欢迎光临

);
};
导出默认用户头；

欢迎有任何想法。服务器本身没有显示任何问题，只是一个关于丢失道具验证的警告。问题是阻止执行

UserHeader

中的任何代码。我只是经验不足，不知道该怎么做

这是：

从“/UserHeader”导入{UserHeader}

应该是：

从“/UserHeader”导入UserHeader

因为

UserHeader

是默认导出。

这：

从“/UserHeader”导入{UserHeader}

应该是：

从“/UserHeader”导入UserHeader

---

因为

UserHeader

是默认导出。

就是这样！！谢谢就这样！！谢谢