我知道并且知道该怎么做,但是它给我带来了问题,我只想导入函数{OnSubmitLog_In and username}
,也许更多的如何正确列出它不会使它成为问题
2个js文件
首先是这样的进口
import * as Login from './log_in';
import { OnSubmitLog_In, username } from './log_in';
在第二个文件中
async function OnSubmitLog_In(e) {
e.preventDefault();
var data = { username, password }
await axios.post("http://localhost:4000/users/signin", data, {
}).then((response) => {
if (localStorage.getItem('token', response.data.accessToken)) {
alert('user alredy in')
} else {
alert('hellow ' + data.username)
localStorage.setItem('token', response.data.accessToken)
console.log('response data', response.data)
console.log('response config', response.config.data)
}
}, (error) => {
console.log('error', error)
if (405) {
alert('user not found')
} else if (500) {
alert('user not found try again')
}
});
}
export default Log_In;
这是错误
./src/NAVBAR/nav.js
尝试导入错误:“ ./ log_in”未导出“ OnSubmitLog_In”。
您将导出为default
,则应这样导入,
import OnSubmitLog_In from './log_in'; //Not sure about username
更新资料
要以单个文件的形式导入所有内容,
import * as Login from './log_in'
您需要named export
从log_in
文件中导出所有内容。
例如,这是我的log_in
文件,
import React from 'react'
export const MyComponent = () => {
return <div>Component 1</div>
}
export const MyComponent2 = () => {
return <div>Component 2</div>
}
现在,您可以在父组件中使用这些组件,例如,
<Login.MyComponent />
<Login.MyComponent2 />
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句