Estoy escribiendo un script en el que tengo que cambiar un valor de variable igual que la entrada. Este es mi guión. Debe cambiar cada vez que se cambia la entrada -
const handleUserInputChange = (e) => { MeetingIDi = e.target.name; fetchTrans() }; return <RightWrapper> <Header> <Button onClick={handleDelete}>Delete Transcription</Button> <Button onClick={signOut}>Sign out</Button> <input type="text" placeholder="Meeting ID" value={MeetingIDi} onChange={handleUserInputChange}/> </Header>El valor no cambia en la entrada de alguna manera
// Initialize MeetingIDi with a value of '' (use whatever you want) const [MeetingIDi, setMeetingIDi] = useState('') const handleUserInputChange = (e) => { setMeetingIDi(e.target.name); fetchTrans() }; return <RightWrapper> <Header> <Button onClick={handleDelete}>Delete Transcription</Button> <Button onClick={signOut}>Sign out</Button> <input type="text" placeholder="Meeting ID" value={MeetingIDi} onChange={handleUserInputChange}/> </Header>puede intentar crear un enlace useState de reacción para almacenar los valores en él y cuando la entrada cambie, establezca el 'setValue' en el valor objetivo. Como el siguiente código:
const[value,setValue]= useState(''); return <RightWrapper> <Header> <Button onClick={handleDelete}>Delete Transcription</Button> <Button onClick={signOut}>Sign out</Button> <input type="text" placeholder="Meeting ID" value={value} onChange={(e)=>setValue(e.target.value)} </Header>