javascript - 如何将数组传递到另一个页面

Question

我很难将数据传递到我的抽屉中。我想从 Additem.js 页面中的表格中选择一行，并且每次单击该行时我希望其中的数据显示在我的抽屉中，即 AdditemDrawer.js.

这是我来自 Additem.js 的代码:

 //Additem.js
     RowSelection(key) {
        var itemselected = Data.tablePage.items[key];
          console.log(key, itemselected);
        }

        <Table multiSelectable={this.state.multiSelectable}
               onRowSelection={this.RowSelection}>
              <TableHeader>
                <TableRow>
                  <TableHeaderColumn style={tablestyles.columns.id}>ID</TableHeaderColumn>
                  <TableHeaderColumn style={tablestyles.columns.name}>Name</TableHeaderColumn>
                  <TableHeaderColumn style={tablestyles.columns.price}>Price</TableHeaderColumn>
                  <TableHeaderColumn style={tablestyles.columns.category}>Category</TableHeaderColumn>
                  <TableHeaderColumn style={tablestyles.columns.edit}>Edit</TableHeaderColumn>
                </TableRow>
              </TableHeader>
              <TableBody>
                {Data.tablePage.items.map(item =>
                  <TableRow key={item.id}>
                    <TableRowColumn style={tablestyles.columns.id}>{item.id}</TableRowColumn>
                    <TableRowColumn style={tablestyles.columns.name}>{item.name}</TableRowColumn>
                    <TableRowColumn style={tablestyles.columns.price}>{item.price}</TableRowColumn>
                    <TableRowColumn style={tablestyles.columns.category}>{item.category}</TableRowColumn>
                    <TableRowColumn style={tablestyles.columns.edit}>
                    </TableRowColumn>
                  </TableRow>
                )}
              </TableBody>
            </Table>

我已经将单击的行存储在 itemselected 变量中，这是我的抽屉代码:

 //AdditemDrawer.js
  import Additem from '../containers/Additem';
    <Paper style={papers} zDepth={5} >
          <List additem={Additem.itemselected}>
          </List>
    </Paper>

但是没有输出并且错误。我该如何修复它？

Answer 1

我认为不起作用，因为它超出了范围。最佳实践是使用 redux ，请尝试一下!