quantum Dynamic input value only being respected on first render.

Dynamic input value only being respected on first render.

Open gabriel-almeida-andrade opened this issue 4 years ago • 4 comments

When I have a dinamic input value like this:

<Input value={text} />

The input initial value will respect text variable, but if text change, the input value won't change accordingly.

Example:

import { Input } from '@catho/quantum';
import { useState } from 'react';

const Test = () => {
  const [text, setText] = useState('Initial text');
  const clickHandler = () => {
    setText('Another text');
  };

  return (
    <>
      <h1>{text}</h1>
      <button type="button" onClick={clickHandler}>My Button</button>
      <Input type="text" value={text} />
    </>
  );
};

export default Test;