How do I append input field by onclick a button in react?

See more:

Javascript

ReactJS

We have an input field and a button with the value "Text". I just want to append the input field with the button's value by onClick.

What I have tried:

function Screen() {
  return <input id="calc" type="text" name="answer"></input>;
}

function Button() {
  return (
    <button
      onClick={() => {
        //What to write here to append "calc"?
      }}
    >
      Text
    </button>
  );
}

function App() {
  return (
    <div>
      <Screen />
      <Button />
    </div>
  );
}

export default App;