reactjs - 在 React 的上下文中传递带参数的函数
问题描述
我在上下文文件中有带参数的函数,参数需要在 onClick 上传递,但它显示错误“onLogin 不是函数”
上下文.js
export const AuthContext = createContext(undefined);
export default Context({children}) {
const CheckUser = (Username, Password) => {
const Data = {
email: Username,
password: Password
}
API.post('/login', Data)
.then( response => {
console.log(response.data);
})
.catch( error => {
console.log(error.message);
})
}
<AuthContext.Provider value={{onLogin: CheckUser}}>
{children}
</AuthContext.Provider>
}
Child.js
const onLogin = useContext(Context);
const [username, setUsername] = useState('');
const [password, setPassword] = useState('');
<form>
<TextField onChange={e => setUsername(e.target.value)} />
<TextField onChange={e => setPassword(e.target.value)} />
<Button onClick={() => onLogin(username, password)}>Login</Button>
</form>
解决方案
推荐阅读
- flutter - 更新活动小部件的状态
- php - 带有额外分组的mysql排序字段增量值
- swift - 为什么我不能将某些表达式传递给标记为 @convetion(block) 的闭包参数?
- hyperledger-fabric - 在超级账本资源管理器中创建多个对等点的问题
- eclipse - 如何读取使用 EMF 和 XText 创建的 DSL 实例模型文件?
- react-native - TypeError:Font.isLoaded 不是函数,(在 'Font.isLoaded(fontName)' 中,'Font.isLoaded' 未定义)在 Expo
- python-3.x - 如何打印具有多个值的字典键
- nlp - 对具有整体积极情绪但有消极词的句子进行情绪分析
- java - 就像在笔记应用程序中一样,如何实现仅由手写笔或手指接受输入的edittext?
- android - 启动 Delphi Android 应用程序时“找不到类 TForm1”。应用程序运行良好