Reactjs 如何在React函数中接收组件属性旁边的事件对象?
给定对激活函数的任何窗体的onSubmit事件调用,如何接收事件对象和其他属性 示例:Reactjs 如何在React函数中接收组件属性旁边的事件对象?,reactjs,event-handling,Reactjs,Event Handling,给定对激活函数的任何窗体的onSubmit事件调用,如何接收事件对象和其他属性 示例: const handleSubmit = async ( // EVENT OBJECT // OTHER PROPS THAT WILL BE PASSED TO 'userData' ) => { event.preventDefault() const userData = { firstName, lastName,
const handleSubmit = async (
// EVENT OBJECT
// OTHER PROPS THAT WILL BE PASSED TO 'userData'
) => {
event.preventDefault()
const userData = {
firstName,
lastName,
username,
email,
...(phone && { phone }),
...(mobilePhone && { mobilePhone }),
password,
confirmPassword,
...(expireDate && { expireDate }),
status,
profile,
company
}
const parsedUserdata = new URLSearchParams(userData)
try {
await api.post('/users', parsedUserdata)
window.location = '/users-list'
} catch (error) {
console.log(error)
}
}
观察:
const handleSubmit = async (
// EVENT OBJECT
// OTHER PROPS THAT WILL BE PASSED TO 'userData'
) => {
event.preventDefault()
const userData = {
firstName,
lastName,
username,
email,
...(phone && { phone }),
...(mobilePhone && { mobilePhone }),
password,
confirmPassword,
...(expireDate && { expireDate }),
status,
profile,
company
}
const parsedUserdata = new URLSearchParams(userData)
try {
await api.post('/users', parsedUserdata)
window.location = '/users-list'
} catch (error) {
console.log(error)
}
}
我试图通过事件和我的道具的分解,但它不起作用:
const handleSubmit = async ( e, { firstname, lastName}) => {...}