从另一个 ReactJS 组件导入函数

Question

我有一个包含函数的组件：

const Component1 = () => {

    function exampleFunction(){
        // function code here
    }
}

export default Component1;

Component1 是由其他组件导入的，所以我默认将其导出，如上所示。 我试图将其导入到 component2 中，但收到一条错误消息：

export 'exampleFunction' (imported as 'function') was not found in './component1' (possible exports: default)

import { exampleFunction } from './component1';

const Component2 = () => {

   return(
      <div>{exampleFunction()}</div>
   ); 

}

export default Component2;

Answer 1

将

exampleFunction()

移出

Component1

，使其成为

component1

文件中的顶级函数，并将其导出。