React-admin TextField в компоненте List показывает «ноль». Могу ли я преобразовать это в пустое?

Question

Я новичок в React и response-admin, поэтому, возможно, я делаю что-то не так. Мой API возвращает записи из MySQL, а нулевые поля возвращаются как «нулевые». В списке записей, отображаемом на клиенте, поле также показывает «ноль». Могу ли я перевести это в пробел на переднем конце или API должен вернуть пустую строку вместо нуля?

Вот json результаты из API:

{
      "id": 79874,
      "itemNumber": "PUM_10550101-2",
      "amazonSku": null
}

и вот определение списка:

export const ItemList = props => (
  <List {...props} filters={<ItemFilter />}>
    <Datagrid rowClick="edit">
      <TextField source="itemNumber" label="Item Number" />
      <TextField source="amazonSku" label="Amazon Sku" />
    </Datagrid>
  </List>
);

и вот как это выглядит при визуализации:

Хотелось бы просто видеть пустые места, где находятся нули, если это имеет смысл. Спасибо

Answer 1

Это было только что исправлено в версии реакции-администратора 3.4.1 .

Точное исправление здесь: https://github.com/marmelab/react-admin/pull/4661

Просто обновите пакет activ-admin до этой последней версии. Обычно это yarn upgrade react-admin.

Answer 2

Не уверен, что это лучший способ сделать это, но создал новое поле, возвращающее источник записи в промежутке (не совсем уверен, почему это работает):

import React from 'react';

const TextNullableField = ({ record = {}, source }) => {
  return (
    <span>{record[source]}</span>
  );
}
export default TextNullableField;

Затем импортируется в файл ресурса js и добавленный к ресурсу:

  <TextNullableField source="amazonSku" label="Amazon Sku" />

Теперь поле пустое, если оно передано как нулевое из базы данных: