如何在react中使用多个“导出默认值”

Question

import React from 'react';
import PropTypes from 'prop-types';


function BlogTrends(props) {
  BlogTrends.propTypes = {
    data: PropTypes.array
  };
  return (
    <div className="container blog-trends">
       <h3>{props.data[0].head}</h3>
       <h5 className="mar-t-25" >{props.data[0].desc}</h5>
    </div>
  );
}
function BlogDescription() {
  return (
    <div className="row">
      <div className="col-md-12">
        <h5>Kitchen </h5>
        <p>Ocean</p>
      </div>
    </div>
  );
}

export default { BlogTrends, BlogDescription };

错误图像： https://i.stack.imgur.com/fStld.png
尝试：通过删除 BlogDescription 并将导出语句设置为“export default { BlogTrends;” 工作中 。但是，当我添加多个组件时，它不起作用。尝试了一些事情， 即
export default { BlogTrends, BlogDescription };和
export { BlogTrends, BlogDescription };

export BlogTrends;<br />
export  BlogDescription;<br />

Answer 1

您不能有多个默认导出，但可以有多个（非默认）导出。

尝试export在函数关键字之前添加，例如export function BlogDescription() {

然后导入它们你会做import { BlogDescription } from './myFile'