Как установить TextField в пустую строку?

Question

Я хочу, чтобы текстовое поле содержало данные, и если column равно нулю, 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 отображалась метка номера счета, вы можете использовать следующее:

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

Имейте в виду, что при этом сохраняется свойство label для TextField.