Estoy muy desconcertado por esto. Tengo un modal que se abre para permitir que un usuario complete la información. Tengo un botón Agregar que agrega una nueva fila para store y muestra una nueva fila. Pero me di cuenta de que incluso si solo estoy iniciando sesión en la consola, hacer clic en ese botón hace que toda la página/pestaña se actualice por completo. ¿Por qué está pasando esto? Inicialmente estaba buscando accesorios o cambios de estado, pero no puedo resolverlo.
handleAddNewRow = () => { console.log('adding new row') // this.setState(...) -- this is commented out due to make sure that setting state is not the problem } <FormSection> {this.state.stores.map(store, index) => ( <div key={store.id}> <div> <h4> Choose Store </h4> <Dropdown options={storeOptions}> </Dropdown> </div> <TextInput /> <TextInput /> </div> )} <div> <button onClick={this.handleAddNewStore}> Add New Store </button> </div> </FormSection>Pensé que el estado de configuración era el problema, pero lo comenté. También intenté envolver el componente en un React.memo(). Gracias.
Probablemente provoque el envío de formularios. Debe pasar su parámetro de event de devolución de llamada onClick y llamar al método event.preventDefault() .