如何解决React Router:如何导入功能
我想将功能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;
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;
那么,如何正确导出并在AddKit文件中使用此功能?
解决方法
您需要如下定义欢迎功能:
export const Welcome = () => {return ()}
然后以这种方式导入它:
import { Welcome } from '../App.js'
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。