将常量值设置为可变字符串的初始状态

Question

我有一个具有用户列表的应用程序。单击用户的个人资料时，可以选择更改用户的帐户名。我想设置一个常量变量，说“编辑{user}的个人资料”，但是我不希望在更新用户的useState时更改常量。

  const User = ({userName, setUserName}) => {
    const initialUserName = userName;

    return (
      <UserInputField value={userName} onChange={e=>setUserName(e.target.value)}/>
    )
  }

在此示例中，当我更改用户名时，它将更新常量“ initialUserName”。有没有一种方法可以将常量设置为{userName}的初始值，而我调用{setUserName}时该常量不会更新？

谢谢！