Javascript React路由器：如何导入功能

我想将函数

welcome（）

从我的

App

文件导出到另一个文件

AddKit

，它是定义我的应用程序页面的文件之一。我尝试了各种方法，但每次都出现以下错误：

TypeError: Cannot read property 'welcome' of undefined

App.js：

class App extends Component {
  welcome(){
    return 'TrialOne';
  }

  render() {
    if (!this.state.web3) {
      return <div>Loading Web3, accounts, and contract...</div>;
    }
    return (
       <BrowserRouter>
        <nav>
          <Navigation/>
            <Switch>
             <Route path="/" component={Home} exact/>
             <Route path="/addKit" component={AddKit} exact/>
           </Switch>
        </nav> 
      </BrowserRouter>
    );
  }
}

export default App;

类应用程序扩展组件{
欢迎{
返回“TrialOne”；
}
render（）{
如果（！this.state.web3）{
返回加载Web3、帐户和合同。。。；
}
返回(
);
}
}
导出默认应用程序；

AddKit.js：

import React from 'react';
import welcome from '../App.js'

const AddKit = () => {
    return (
       <div>
          <h1>AddKit</h1>
          <p>AddKit page body content</p>
       </div>
    );
}
 
export default AddKit;

从“React”导入React；
从“../App.js”导入欢迎
常量AddKit=（）=>{
返回(
AddKit
AddKit页面正文内容

);
}
导出默认的AddKit；

---

那么，如何在AddKit文件中正确导出和使用此函数呢？

您需要定义如下欢迎函数：

export const Welcome=（）=>{return（）}

然后以这种方式导入：

---

从“../App.js”导入{Welcome}

这是完整的代码吗？因为支架不匹配；如果你在

App.js

文件中有一个我们看不到的错误，我不确定下面的答案是否有效（但这是正确的答案，假设代码正确）@yen不，这不是完整的代码。缺少的大括号肯定来自缺少的类

应用程序扩展组件
。感谢您告诉我：）我是否在导出默认应用程序下面添加
export const Welcome=（）=>任何内容？如果我理解了，我会用我想要返回的东西来更改任何东西，对吗？不，不一定低于导出默认值；我将进行编辑。是的，您需要添加返回表达式，而不是任何内容。导入欢迎函数后；将其用作AppKit.js中的welcome（），以获得返回值。我很高兴它对您有所帮助。祝你好运：D