Within our current project, the tslint rule jsx-no-lambda is in place.
When attempting to capture event from onSubmit, this is how I typically write my code:
public handleLogin = (event: React.FormEvent<HTMLFormElement>) => {
event.preventDefault();
}
public render() {
return(
<form onSubmit={(event) => this.handleLogin(event)}>
...
}
To enhance readability, one way to address this is by eliminating the arrow function within the jsx like so:
<form onSubmit={this.handleLogin}
Looking for a more elegant solution specifically for indicating where event originates from in the line
<form onSubmit={this.handleLogin}Furthermore, how can additional parameters be passed to handleLogin?