0
147
Views¿Cómo pasar la función de estado del conjunto useState a un componente secundario en mecanografiado?
Recientemente comencé a usar mecanografiado y tengo problemas para pasar una función de establecimiento de estado de uso,
mi componente principal es este:
const [word, setword] = useState('run')y en el niño estoy pasando:
<Child word={word} setword={setword}/>el niño tiene esto:
interface Props { word: string setword: React.Dispatch<React.SetStateAction<string>>; } const VoicetoText: React.FC<Props> = (word, setword) => { return ( {word} <button onClick={()=>setword('hey buddy')} ><button/> )} sigo recibiendo un error: 
·
Santiago Gelvez
3 answers
Answer question0
Olvidaste agregar una llave a
const VoicetoText: React.FC<Props> = (word, setword)usar accesorios o deconstruir los accesorios
const VoicetoText: React.FC<Props> = (props) props.setWorddeconstruir
const VoicetoText: React.FC<Props> = ({word, setword})
·
Santiago Gelvez
Report
0
Sugeriría que no hagas tu vida más difícil y vayas con algo como:
const Child = ({setWord}: {setWord: (arg0: string}) => void) => { // () => setWord("word") is jsut for sample sake, you should avoid using arrow function calls inside event handleres like this return <button onClick={() => setWord("word")}>Click me</button> } const Parent = () => { const [word, setWord] = useState(false); return <Child propName={setWord}/> }
·
Santiago Gelvez
Report
0
Simplemente use setword: (word: string) => void como tipo de apoyo.
interface Props { word: string setword: (word: string) => void; }
·
Santiago Gelvez
Report
Answer question