Tengo un archivo A con casi 2000 líneas. Sí mucho.

Entonces, en primer lugar, necesitaría dividir todo el archivo en secciones más pequeñas, por lo que necesitaré mover muchas funciones al archivo B desde el archivo A y llamarlas en el archivo A para que se ejecuten.

El problema es que la mayoría de esas funciones usan setState(), obtienen variables adicionales del almacenamiento local o/y se pasan, etc. Y hay 41 de ellas

Función de ejemplo que debe moverse al archivo B desde el archivo A

 onSubmittedForUserIDChange = (e) => { const { value } = e.target; const { submitForOtherUser } = this.state; if (!submitForOtherUser) { this.setState({ submittedForUserID: +value, submitForOtherUser: !submitForOtherUser, category_id: null, event_type_id: null, warning: null, }); } else { this.setState({ submitForOtherUser: !submitForOtherUser, submittedForUserID: +localStorage.getItem("user_id"), }); } };

Se llama en el archivo Un componente jsx

 <select className="form-control" name="submittedForUserID" onChange={this.onSubmittedForUserIDChange} value={ submittedForUserID === +localStorage.getItem("user_id") ? "-1" : submittedForUserID } disabled={disabled} required >

Probé varias extensiones de VSCode que "se suponía" ayudarían con esto, pero en realidad no lo hicieron, como Glean, Abracadabra refractor this!, JS CodeFormer.

Agradecería consejos sobre cómo hacerlo más rápido que manualmente

Nota de edición: Redux no se usa en el proyecto