reactjs - 我可以同时导出组件和常量吗

Question

我有两个js文件。其中包含 AComponent 的代码。在第二个 js 中，我导入了 AComponent 文件，此外，我还编写了:

const Ctext = (props) => (....)

如何导出两者？

import React, { Component } from 'react';
import AComponent from "./image";
const Ctext = (props) => (
<div>
<h5 className="card-title">Image n Text Card</h5>
 <p className="card-text">{props.dataFromParent.textContent}</p>
</div>
);

export default Ctext;
export const props => <AComponent />;

Answer 1

您不能导出未命名的函数，您必须命名它，否则您无法将其导入到其他文件中:

const myFunc = props => <AComponent>

然后就可以导出myFunc了。

我认为一个文件最好只导出一个组件，无论如何，如果您希望导出多个组件或函数，我会将它们分组在一个 objext 中并将该对象导出为默认导出:

const objectToExport = { myFunc, myComponent };
export default objectToExport

另请注意，每个文件只能有一个默认导出