javascript - 使用记录和来源时出错

Question

我目前正在使用 React-Admin，我制作了一个包含以下代码的自定义字段:

import React from 'react';
import PropTypes from 'prop-types';

const PriceField = ({ source, record }) =>
    <div>
        <div hidden>
            {window.price = record[source]
                            .replace('[', '')
                            .replace(')', '')
                            .split(',')}
        </div>
        <div>
            Entre {window.price[0]}€ et {window.price[1]}€
        </div>
    </div>

    PriceField.propTypes = {
        label: PropTypes.string,
        record: PropTypes.object,
        source: PropTypes.string.isRequired
    }

export default PriceField;

在这里调用:

<List {...props} title="Fiches Techniques" perPage={10}>
    <Datagrid>
        <TextField label="Marque" source="marque"/>
        <ModelField label="Modele" source="modele"/>
        <TextField label="Garage" source="garage"/>
        <TextField label="Année véhicule" source="annevehicule"/>
        <PriceField source="prix"/>
        <ShowButton/>
    </Datagrid>
</List>

当我第一次访问这个页面时，一切正常，所有内容都可以显示，但是当我转到其他页面时，然后又返回。

我有错误:记录[源]未定义

如果有人遇到过这个问题，谢谢!

Answer 1

我解决了这个问题，我第一次在页面上看到记录是一个对象，但是第二次，它变成了一个数组，里面有这个对象。

所以我做了这个函数来解决这个问题:

function isRecord(record) {
    if (record[0] !== undefined)
        return (record[0])
    if (record !== undefined)
        return (record)
}

希望对你有帮助