重新渲染次数过多。布局不稳定。 TextareaAutosize 限制渲染次数以防止无限循环

Question

我有一个按以下方式定义的多行 TextField：

<TextField
  id="outlined-multiline-flexible"
  label="Description"
  multiline
  rows={10}
  value={description}
  onChange={handleChangeDescription}
/>

这是

handleChangeDescription

：

function handleChangeDescription(event: { target: { value: SetStateAction<string> } }) {
  setDescription(event.target.value)     
}

我知道它基本上是正确的，因为我几乎直接从 MaterialUI 文档中获取它，但我不断收到相同的错误：“Material UI：重新渲染次数过多。布局不稳定。TextareaAutosize 限制渲染数量以防止无限循环”。

奇怪的是，这只发生在我渲染页面，然后从页面上单击，然后单击返回页面时。该错误不会出现在初始渲染中。我真的不知道我能做些什么来解决它。我已经尝试了this线程中的所有内容，但没有任何帮助，所以我真的很感激任何其他建议！！

Answer 1

我自己也遇到了这个问题，为可能遇到同样问题的其他人发帖。问题在于 React 的 TextAreaAutoSize 组件如何管理其状态。 要解决这个问题，您可以将 fullWidth 属性传递给 textField。