Question

0

136

Views

how to replace this v-model pattern in react hooks

Migrating my vue application into react. In vue 2, using a v-model on a component was an equivalent of passing a value prop and emitting an input event.

If we wanted to change prop or event names to something different, we would need to add a model option to ChildComponent component.

Here is my vue child component:

export default {
      model: {
        prop: 'checked',
        event: 'change'
      },
      props: {
        value: String,
        checked: {
             type: [Boolean, String, Array],
        },
      }
    }

In Parent component i am using like this.

<ChildComponent :checked="SelectedFiles" />

I want to know how to handle this pattern in react hooks. I am not that much familiar with react. Any guidance will be helpful for me.

about 4 years ago · Juan Pablo Isaza

1 answers

Answer question

0

Answer question

Find remote jobs

Answer 1 · 2022-08-24T00:11:19.412Z

You could use useState react hook.

For example:

export const MyComponent = () => {
    const [value, setValue] = useState('');
    return (
        <input
            type="text"
            value={value}
            className="form-control"
            placeholder="Search..."
            onChange={(event) => setValue(event.target.value)}
        />
    );
};

0

136

how to replace this v-model pattern in react hooks

1 answers

0

Find remote jobs

Andres GPT