Reactjs 如何遍历react中对象的属性

我创建了一个接收对象（客户机、产品、旅行等）的通用数据表。我有一个TravelsModel对象，它有一个属性值。该值由mongoose定义为：

var travelSchema = new mongoose.Schema({
        name: String,
        description: String,
        mexican_currency_value: mongoose.Schema.Types.Decimal128
    });

我还有一个函数，返回一个包含所有存储行程的列表：

function getTravels(req, res) {

    if (req.params.id) {
        TravelModel.findById( String(req.params.id) , (err, value) => {
            if ( err ) {
                return res.status(500).send({
                    message: messageError
                })
            }
            return res.status(200).send({
                results: value
            });
        });
    } else {
        TravelModel.find((err, value) => {
            if (err) {
                return res.status(500).send({
                    message: messageError
                })
            }
            return res.status(200).send({
                results: value
            });
        });
    }
}

此函数使用此结构返回多个行程：

  description: "Primer Viaje"
  mexican_currency_value: {$numberDecimal: "18.5"}
  name: "Viaje 1"
  __v: 0
  _id: "5cf56b04462a865264fabb9d"

我的数据表大致如下所示：

            <DataTable plain>
                <TableHeader>
                    <TableRow>
                        {tableColumnHeader.map(element => (
                            <TableColumn key={element.id}>{element.text}</TableColumn>
                        ))}
                        <TableColumn key="actions">Acciones</TableColumn>
                    </TableRow>
                </TableHeader>
                <TableBody>
                    {tableRow.map((element, idx) => (
                        <TableRow key={idx}>
                            <TableColumn>{tableColumnHeader.map( columns => ( 
                                <div key={element[columns.id]}>{element[columns.id]}</div>
                            ))}</TableColumn>
                            <ActionsMenu id={element._id} onDelete={onDelete} onUpdate={onUpdate} />
                        </TableRow>
                    ))}
                </TableBody>
                <TableFooter />
            </DataTable>

这是因为travel对象无法访问元素[columns.id]，我必须执行元素['mexican_currency_value']['NumberDecimal']

是否有任何方法可以执行类似于元素[columns.id].value的操作？或者修改在mongoose中返回数据的方式？

我得到了这个错误： 该错误的原因是您试图渲染对象，而不是渲染字符串或组件

是否有任何方法可以执行类似于元素[columns.id].value的操作

是的，你可以简单地检查一下

typeof（元素[columns.id]）=='object'？（（元素[columns.id]））.values（）.map（v=>v）：（元素[columns.id]）

Objects are not valid as a React child (found: object with keys {$numberDecimal}). If you meant to render a collection of children, use an array instead.