反应“导出默认”无状态组件问题答案

【问题标题】：React "export default" stateless component issue反应“导出默认”无状态组件问题
【发布时间】：2017-01-12 23:03:38
【问题描述】：

为什么会这样：

const PostComponent = ({post}) => (
  <span>
      <div>{post.text}</div>
  </span>
)

export default PostComponent;

不是这个：

export default PostComponent = ({post}) => (
  <span>
      <div>{post.text}</div>
  </span>
)

后面说组件在导入时是未定义的。

【问题讨论】：

因为PostComponent 没有定义。而且您不能使用默认导出一次定义和导出。但是export default function({post}) { ... } 是可能的。
developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…

标签： reactjs

【解决方案1】：

dfsq 已经在 cmets 中回答了，只是为了让您知道，这将起作用

export default ({post}) => (
  <span>
      <div>{post.text}</div>
  </span>
)

但是这样做，组件将是匿名的。如果你安装了 React devtool，你只会看到StatelessComponent

【讨论】：