Migrando mi aplicación vue a react. En vue 2, usar un modelo v en un componente era equivalente a pasar un valor prop y emitir un evento de entrada.
Si quisiéramos cambiar los nombres de accesorios o eventos a algo diferente, necesitaríamos agregar una opción de modelo al componente ChildComponent.
Aquí está mi componente hijo vue:
export default { model: { prop: 'checked', event: 'change' }, props: { value: String, checked: { type: [Boolean, String, Array], }, } }En el componente principal que estoy usando así.
<ChildComponent :checked="SelectedFiles" />Quiero saber cómo manejar este patrón en ganchos de reacción. No estoy muy familiarizado con reaccionar. Cualquier orientación me será útil.
Podrías usar el gancho de reacción useState .
Por ejemplo:
export const MyComponent = () => { const [value, setValue] = useState(''); return ( <input type="text" value={value} className="form-control" placeholder="Search..." onChange={(event) => setValue(event.target.value)} /> ); };