我很难将数据传递到抽屉中。我想从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>


但没有输出和错误。我该如何解决?

最佳答案

我认为这行不通,因为它超出范围。最佳做法是使用redux,请尝试一下!

关于javascript - 如何将数组传递到另一个页面,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/46107970/

10-09 19:25