So übergeben Sie ein Array an eine andere Seite

Question

Ich habe Schwierigkeiten, Daten in meine Schublade zu geben. Ich möchte eine Zeile aus einer Tabelle in einer Additem.js-Seite auswählen und jedes Klicken der Zeile, in der die Daten darin angezeigt werden sollen, in meiner Schublade, die AdditemDrawer.js ist.

hier ist mein Code von 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> 

speichere ich bereits die Zeile, die in der itemselected Variable, und hier ist meine Schublade Code geklickt wurde:

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

aber es gibt keinen Ausgang und Fehler . wie kann ich es reparieren?.

Answer 1

Ich denke, funktioniert nicht, weil es außerhalb des Geltungsbereichs ist. Die beste Vorgehensweise ist die Verwendung redux, bitte versuchen Sie es!