更改弹出内容

Question

我是新来的反应。 现在我有一个弹出/模态 window 按钮单击打开。 弹出窗口 window 具有其默认内容、文本字段和输入字段。 默认内容称为“EnterTelNumber”。 我想要的是，当用户单击弹出窗口内的按钮时，我想将弹出内容更改为不同的内容。 另一个内容组件也有它的 forms。 那么，问题是，如何更改按钮单击时的弹出内容？ 另一个内容也在另一个组件中。 这是我的带有触发按钮以打开模式的片段。

const LoginClick = () => {
  const [loginModalActive, setLoginModalActive] = useState(false);
  return (
    <div>
      <button
        onClick={() => setLoginModalActive(true)}
        type="button"
        className="btn btn-danger btn-lg"
      >
        Войти
      </button>
      <Loginpopup active={loginModalActive} setActive={setLoginModalActive}>
        <EnterTelNumber /> // This is the default content.
      </Loginpopup>
    </div>
  );
};

export default LoginClick;