Question

我希望文本字段包含数据，并且如果column为null，则textField也将为空。此解决方案有效，但由于包含字符串，因此看起来很难看。如果我使用空字符串''，则标签“成为”值（而不是显示为文本字段的标签，而是显示为自身的值，根据位置而定）。我需要更改什么？

  <TextField
          margin="normal"
          fullWidth
          inputProps={{
            disabled: true
          }}
          // eslint-disable-next-line
          label={labels.accountNumber}
          value={props.column || ' '}
    />

Answer 1

请添加该标签，这样会将标签保留在上面。

InputLabelProps={{
      shrink: true,
    }}

Answer 2

如果您希望在props.column为null时显示帐号标签，则可以使用以下代码：

<TextField
      margin="normal"
      fullWidth
      inputProps={{
        disabled: true
      }}
      // eslint-disable-next-line
      label={labels.accountNumber}
      value={props.column !== null ? props.column : labels.accountNumber}
/>

请记住，这仍将label属性保留在TextField上。

如何将TextField设置为空字符串？

2 个答案: