title: how display text only inside the related input field?
body: <p>I have input boxes which are getting enabled when the checkbox of that input box get checked by user. then I want to type in that particular input box, but when I am in a particular input box then my text is showing in the all the input.</p>
  <pre><code>import React, { useState } from &quot;react&quot;;
  //some imports related to checkbox
  
  export default function componentA() {
    //input
    const [value, setValue] = useState(&quot;&quot;);
   
  
    //checkbox group
    const [checkedOptions, setCheckedOptions] = useState({});
  
    const onOSelect = (event) =&gt; {
    
      const item = event.target.name;
      const isChecked = event.target.checked;
     
  
      setCheckedOptions({
        ...checkedOptions,
        [item]: isChecked,
      });
    };
  
    //data
    const data = [
      { label: &quot;Rock&quot;, name: &quot;Rock&quot; },
      { label: &quot;rambo&quot;, name: &quot;rambo&quot; },
      { label: &quot;phone&quot;, name: &quot;phone&quot; },
      ]
  
    const handleChange = (event) =&gt; {
      setValue(event.target.value);
    };
  
    return (
      &lt;div &gt;
        &lt;div&gt;
          &lt;Card&gt;
            &lt;Checkbox
              checkedOptions={checkedOptions}
              groupLabel=&quot;Checkbox group label&quot;
              onChange={onOSelect}
              options={data}
            /&gt;
          &lt;/Card&gt;
        &lt;/div&gt;
        &lt;Card &gt;
          &lt;div &gt;
            {data.map((item, key) =&gt; (
              &lt;div key={key.name} &gt;
                &lt;input
                  label={item.name}
                  name={item.name}
                  onChange={handleChange}
                  placeholder=&quot;Placeholder&quot;
                  isDisabled={!checkedOptions[item.name]}
                  value={value}
                /&gt;
              &lt;/div&gt;
            ))}
          &lt;/div&gt;
        &lt;/Card&gt;
      &lt;/div&gt;
    );
  }
  
  </code></pre>
  <p>Looking for a solution, how display my typed text only in the related input field  and get that value in particular state.</p>