Material UI Textfield 打印不正确答案

【问题标题】：Material UI Textfield prints incorrectlyMaterial UI Textfield 打印不正确
【发布时间】：2020-10-29 23:29:46
【问题描述】：

我正在尝试使用 window.print() 打印反应应用程序的页面。一切都正确打印，但不是 Textfield（来自 Material UI）。当我没有太多文本行时它可以工作。但是当我写很多文字时，它看起来像这样（打印预览）：

这是代码：

 <form autoComplete="off" className="subsection">
    <TextField
      error={controlHasError(
        props.errors,
        'MetodyWyceny',
        props.data.MetodyWyceny,
      )}
      name="MetodyWyceny"
      label="Opis"
      multiline
      variant="outlined"
      title={props.data.MetodyWyceny}
      defaultValue={props.data.MetodyWyceny}
      onBlur={(e) => props.onSetSectionData('MetodyWyceny', e.target.value)}
    />
  </form>

  .subsection {
    width: 100%;
    display: grid;
  }

我有这段代码来设置文本区域的样式（多行文本字段实际上是文本区域）：

  textarea {
    overflow: hidden;
    pointer-events: none;
  }

那么，我能做些什么来正确打印这个组件？谢谢。

【问题讨论】：

标签： html reactjs printing material-ui textarea

【解决方案1】：

你的使用或TextField有错误，https://material-ui.com/api/text-field/。它没有“title”属性。

通过记录验证 props.data.MetodyWyceny 并查看它是否有任何前导空格。我的意思是您设置的默认值本身可能在实际内容之前有很多空格，这是您输出的唯一解释

【讨论】：

我删除了标题道具，而不是结果。我记录了数据，没有空格:(