score:1

Accepted answer

i just pass a function oninputchange to addimg component. and in addimg component calling that function on input change to pass input value so that it can be set in the parent component.

app.js

function app() {
  const [add, setadd] = usestate(false);
  const [inputtext, setinputtext] = usestate('');

  function click() {
    setadd(true)
  }

  return (
    <div classname="bigdiv">
      <button onclick={click}>click</button>
      <br /><br />
      {
        add && 
          <>
            <addimg oninputchange={(value) => setinputtext(value)} /> 
            {inputtext}
          </>
      }
      
    </div>
  )}

addimg.js

export default function addimg({oninputchange}) {
      return (
        <div>
           <input type="text" onchange={(e) => oninputchange(e.target.value)} />
        </div>
       )
   }

Related Query

More Query from same tag