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;