Estoy tratando de ingresar una ubicación como entrada de texto. Quiero que el código qr muestre el golpe y la ubicación es la entrada dinámica que colocamos en el campo de entrada https://google.com?location={ubicación} ?
¿Cómo puedo configurar la URL como se indica arriba y poner la ubicación como entrada? aparecer en código qr
por lo tanto, la entrada será la ubicación de la url, que puede ser cualquier ubicación y el código qr debería mostrar <url/ actualmente estoy usando el siguiente código, pero solo puedo mostrar el campo de entrada en el código qr.
import React, { useState } from 'react'; import QRCode from 'qrcode.react'; function App() { const [inputText, setInputText] = useState(''); const [qrCodeText, setQRCodeText] = useState(''); // generate QR code const generateQRCode = () => { setQRCodeText(inputText); } return ( <div className="App"> <h3>Generate and download a QR code image in React Omneo</h3> <div className="qr-input"> <input type="text" placeholder="Enter input" value={inputText} onChange={e => setInputText(e.target.value)} /> <input type="button" value="Generate" onClick={generateQRCode} /> </div> <QRCode id="qrCodeEl" size={150} value={qrCodeText} /> </div> ); } export default App;Si la URL solo tiene un parámetro (ubicación), puede dividirla y obtener el resto. Si hay más parámetros, puede dividirlos por '&' y luego por ubicación
useEffect(() => { setInputText(window.location.href.split("location=")[1]); }, [])//add to the top import { useEffect } from 'react' //add above return useEffect(() => { setInputText(window.location.href); })