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