0
185
Vistas¿Cómo obtener una cadena dentro del área de texto de react-bootstrap y enviarla a la función al hacer clic en el botón?
Tengo el siguiente código de arranque de reacción;
<Form> <Form.Group className="mb-3" controlId="exampleForm.ControlTextarea1"> <Form.Label>Example textarea</Form.Label> <Form.Control as="textarea" rows={3} /> </Form.Group> </Form> <Button variant="outline-primary" size="lg" active onClick={() => wave(TextAreaString)} > Wave at Me </Button>La página web se ve así;
Cuando se hace clic en el botón, me gustaría que se ejecute la función wave(textarea_string) . textarea_string es la cadena dentro del área de texto.
Estoy usando React-bootstrap v2.4 y React v18
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
- Defina un estado para contener el valor de la cadena con el gancho useState
- Defina el controlador onChange para guardar el valor de la cadena modificada con la función de configuración del gancho useState
- Lea el valor del estado en su función de onda
.
export default function App() { const wave = (text) => console.log(text); const [value, setValue] = useState(""); const onChange = (event) => setValue(event.target.value); return ( <div className="m-3"> <Form> <Form.Group className="mb-3" controlId="exampleForm.ControlTextarea1"> <Form.Label>Example textarea</Form.Label> <Form.Control as="textarea" rows={3} value={value} onChange={onChange} /> </Form.Group> </Form> <Button variant="outline-primary" size="lg" active onClick={() => wave(value)} > Wave at Me </Button> </div> ); }
·
Juan Pablo Isaza
Denunciar
Responde la pregunta