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

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}
/>

请记住，这仍然保留TextField上的label属性。