En ReactJS, un formulario controlado es un formulario cuyos datos son controlados por un componente de estado. Aquí te proporciono un ejemplo básico sobre cómo puedes crear un formulario controlado en React:
1. Primero, debemos importar react y el componente.
```javascript
import React, { Component } from ‘react’;
```
2. Crea una clase y declara un constructor con un objeto de estado para almacenar los datos de entrada.
```javascript
class App extends Component {
constructor(props) {
super(props);
this.state = {
name: ‘’,
email: ‘‘
};
}
}
```
3. Define un método que se disparará cuando el usuario escriba en el campo de formulario. Este método debe recibir un objeto `evento` y utilizar la función `this.setState` para cambiar el estado del formulario controlado.
```javascript
handleInputChange = (event) => {
this.setState({
[event.target.name]: event.target.value
});
}
```
4. Ahora, necesitamos agregar la función anterior al evento onchange para cada entrada del formulario.
```javascript
render() {
return (
En este ejemplo, en lugar de escribir controladores de eventos para cada campo del formulario, estamos usando una función para manejar todos los campos. `event.target.name` se refiere al nombre del campo del formulario y `event.target.value` tiene el valor que el usuario ha ingresado en el campo del formulario.
Así es como se puede crear un formulario controlado en React. Las entradas del formulario con nombre y correo electrónico están controladas por el estado. Cuando escribes en las entradas del formulario, se invoca la función `handleInputChange()` debido al evento `onChange`, y el estado se actualiza con el valor que se ha ingresado en el formulario.
