我需要帮助生成标题。使用react.js

时间:2017-06-22 02:37:46

标签: javascript node.js reactjs javascript-objects

我正在尝试使用对象创建一个表,现在我的表生成表行,但我还希望它使用相同的对象生成表头,现在表头是硬编码的,如果有人可以帮助我如何在同一个对象' schoolData'。

中生成表头
//Rows

const schoolData = [
  { school : 'Middle School', year : '2017', date : '6/12/17', location : 
'Class',},
  { school : 'High School', year : '2017', date : '2/24/17', location : 
'Gym',},

];


export default class TableComplex extends Component {

  render() {
    return (
      <Tabs>
    <Tab label="School Type">
    <Table>
      <TableHeader displaySelectAll={false} adjustForCheckbox={false}>
        <TableRow>
          <TableHeaderColumn>School</TableHeaderColumn>
          <TableHeaderColumn>Year</TableHeaderColumn>
          <TableHeaderColumn>Date</TableHeaderColumn>
          <TableHeaderColumn>Location</TableHeaderColumn>
        </TableRow>
      </TableHeader>
      <TableBody displayRowCheckbox={false}>
        {schoolData.map( (row) => (
          <TableRow>
            <TableRowColumn>{row.school}</TableRowColumn>
            <TableRowColumn>{row.year}</TableRowColumn>
            <TableRowColumn>{row.date}</TableRowColumn>
            <TableRowColumn>{row.location}</TableRowColumn>
          </TableRow>
          ))}
      </TableBody>
    </Table>
  </Tab>

  </Tabs>

);
  }
}

2 个答案:

答案 0 :(得分:0)

您可以使用object keys

(0,3)

答案 1 :(得分:0)

您可以在学校数据的第一个元素上使用object.keys并映射TableHeaderColumn

int main()
{
    int *pArray;
    int array[10];

    pArray = (int*)malloc( sizeof *pArray * 10 );

    int n = sizeof(pArray);
    int m = sizeof(array);

    printf("pArray size:\t%d\tarray size:\t%d\n", n, m);

    return 0;
}