用 React 引用嵌套 Javascript 数组的列值

Question

我有一个 Javascript 数组示例，我希望在 table 中可视化。

这是数组：

    var dataTable = [
        {   First:    {In: "5 MB", Out: "6 MB"},
            Second:    {In: "5 MB", Out: "1 MB"},
            Other:  {In: "0.2 MB", Out: "2 MB"}
        }
    ];

在 React 中使用 fixed-data-table，我希望将此数据放入 table，其中 First、Second 和 Other 是行，IN/OUT 是列。

假设我希望用 "in" 值填充一个字段，然后是 "Out" 值。我是否将嵌套值称为 First[0].In 和 First[0].Out 以检索它并将其显示在特定单元格中？

Answer 1

您的结构看起来像一个包含单个元素的数组 (dataTable)，该元素是一个对象，其键名为 First、Second 和 Other。

要访问 First 的 In 和 Out 属性，您可以像这样引用它们：dataTable[0].First.In 或 dataTable[0].First.Out。

对于 Second，您将遵循相同的模式：dataTable[0].Second.In，等等

或者，如果您要重复访问其属性，为什么不将对 dataTable[0] 的引用存储为变量？

var toShow = dataTable[0];
console.log(toShow.First.In);
console.log(toShow.Other.Out);

这应该能让您大致了解。您正在索引一个数组，然后使用对象的键来访问您想要的数据。

在我看来 dataTable 如果要包含具有固定键的单个对象，则根本不需要是数组；也许你希望它是一个对象数组，这样你就可以分别索引每个对象？这取决于您，因为任何一种方式都可以。

用 React 引用嵌套 Javascript 数组的列值

Refer to column value of nested Javascript array with React

javascript

arrays

reactjs

fixed-data-table