javascript - 如何在react中使用多个 `export default `

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 };

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

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

Answer 1

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

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

然后要导入它们，您需要import { BlogDescription } from './myFile'