В любом случае, я могу объявить объект события, а не в параметрах функции?

Question

есть ли в любом случае, я могу поместить объект e внутри функции handleSubmit? У меня там уже есть параметр, и если я добавлю e к параметрам, это выдаст мне ошибку в зависимости от порядка параметров и скажет: «TypeError: e.preventDefault не является функцией», если handleSubmit = (e, priorityLevelData) = > {. .... или "TypeError: Невозможно прочитать свойство 'protectDefault' из неопределенного", если handleSubmit = (priorityLevelData, e) => {

    import React from "react";
    import PrioritySelector from "./PrioritySelector";
    import { connect } from "react-redux";

    class TodoForm extends React.Component {


        /*submit handler to grab input from the input references and store them
        in the "todoData" object. Then dispatches an action type and payload
        capturing the data. Then clears the input*/

        handleSubmit=(e, priorityLevelData)=> {
e.preventDefault()
            const todoTitle = this.getTodoTitle.value;
            const description = this.getDescription.value;
            const priorityLevel = priorityLevelData;
            const todoData = {
                id: Math.floor(Math.random()*1000),
                todoTitle,
                description,
                priorityLevel,
                editing: false
            }
            this.props.dispatch({type:"ADD_TODO", todoData })
            this.getTodoTitle.value = "";
            this.getDescription.value = "";

        }





        render() {
            console.log(this.props, "TODOFORMPROPS")
            return(
                <div>
                    <form onSubmit={this.handleSubmit}>
                        <input type="text" ref={(input)=> this.getTodoTitle=input} placeholder="Enter Todo" required/>
                        <input type="text" ref={(input)=> this.getDescription=input} placeholder="Enter Description" required/>
                        <PrioritySelector  getData={this.handleSubmit} />
                        <button>Add Todo</button>
                    </form>
                </div>
            )
        }
    }

    const mapStateToProps = (state) => {
        return {
            priorityLevel: state
        }
    }


    export default connect(mapStateToProps)(TodoForm);

Answer 1

сделать это:

<form onSubmit={e => this.handleSubmit(e)}>

Вы также можете передать любые другие дополнительные данные в handleSubmit(), например, this.state:

<form onSubmit={e => this.handleSubmit(e, this.state)}>