Reactjs 有条件渲染时，材质UI文本字段轮廓标签与边框重叠

复制步骤：

• 单击“确认”或“有代码？”触发不同形式的条件呈现
• 单击“确认代码”文本字段
• 请注意，边框渲染不正确，导致标签与边框重叠

• 要获得正确的行为，请使用Null以外的值初始化newUser，并查看边框已正确呈现以容纳标签

---

知道为什么会发生这种情况吗？

解决方法是在文本框中添加一个

键

，以便强制它渲染新元素：

<TextField
  key="Confirmation Code"
  variant="outlined"
  margin="normal"
  required
  fullWidth
  id="email"
  label="Confirmation Code"
  name="email"
  autoComplete="confirmation code"
/>

---

上述CD发布的解决方案是可行的，但这确实是一个bug

关于Github问题，可以找到更多的讨论以及其他可能的解决方法

---

工作正常。非常感谢。如果你不介意的话，你能分享一下是什么让你想尝试添加一个键吗？看起来确认码文本字段是基于之前的文本字段呈现的。看见