我不明白这个const表达式在ReactJs / ECMAScript6中的作用

时间:2015-12-13 09:58:42

标签: reactjs ecmascript-6

我在facebook的固定数据表反应中看到了这个例子代码(用ECMAScript6编写):

                <Table rowHeight={50}
                       rowsCount={rows.length}
                       width={500}
                       height={500}
                       headerHeight={50}>
                    <Column header={<Cell>Col 1</Cell>}
                      cell={<Cell>Column 1 static content</Cell>}
                      width={200}
                    />
                </Table>

之前我使用过const,但是我能找到的所有ECMA6文档和反应都没有解释上面的代码片段究竟是做什么的。语法对我来说没有意义,但它显然很重要,因为没有它我不能使用FixedDataTable反应类,​​下面的代码片段不会呈现UI:

select * from
(
select 
ord_date, 
case 
  when s.tot_sales = max(s.tot_sales) over (partition by s.ord_date) 
  then s.stor_id 
  else NULL 
end as store_id, 
max(s.tot_sales) over (partition by s.ord_date) as maximum_sales 
from
(select distinct ord_date, stor_id, 
sum(qty) over (partition by ord_date, stor_id) as tot_sales
from sales 
)s
)s
where s.store_id is not NULL

2 个答案:

答案 0 :(得分:1)

这是Destructuring assignmentDestructuring assignment,实际上)。

该行TableFixedDataTable.Table后,ColumnFixedDataTable.ColumnCellFixedDataTable.CellObject destructuring使这些变量成为只读。

相当于:

const Table = FixedDataTable.Table,
      Column = FixedDataTable.Column,
      Cell = FixedDataTable.Cell;

答案 1 :(得分:0)

看看enter image description hereFixedDataTable可能是包含属性TableColumnCell的对象。

它实际上做了什么:

const Table = FixedDataTable.Table;
const Column = FixedDataTable.Column;
const Cell = FixedDataTable.Cell;