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，请尝试一下！

如何将数组传递给另一个页面

1 个答案: