Este es un ejemplo muy simple de un componente ReactDataGrid. Estoy tratando de obtener la fila seleccionada, pero no estoy seguro de la sintaxis para obtener eso al llamar a mi función.
No creo que esta sea la sintaxis correcta para llamar, onSelectionChange para imprimir la fila seleccionada. ¿Cual es la sintaxis correcta? onSelectionChange={({seleccionado}) => this.onSelectionChange(seleccionado)}
import React, { PropTypes, Component } from 'react'; import ReactDataGrid from 'react-data-grid'; class DataGridExample extends Component { static propTypes = { columns: PropTypes.array, rows: PropTypes.array }; constructor (props) { super(props) this.state = { columns: [], rows: [] } this.rowGetter = this.rowGetter.bind(this); } componentDidMount() { this.setState((prevState, props) => ({ rows: [ {key: 'd1', lname: 'Doe', quantity: 3}, {key: 'd2', lname: 'Simmons', quantity: 97}, {key: 'd3', lname: 'Walters', quantity: 6} ], columns: [ {name: "Quantity", key: "quantity"}, {name: "Last Name", key: "lname"} ] })); } rowGetter(i) { return this.state.rows[i]; } onSelectionChange = (selected) => { console.log(`selected:${selected}`) } render() { return ( <ReactDataGrid columns={this.state.columns} rowGetter={this.rowGetter} rowsCount={this.state.rows.length} minHeight={400} onSelectionChange={({ selected }) => this.onSelectionChange(selected)} />); } } export default DataGridExample;Encontré la respuesta. https://adazzle.github.io/react-data-grid/old/docs/ReactDataGrid#onrowclick
parámetro incorrecto para usar. hacerlo de esta forma. usando param onRowClick, vea el enlace de documentación para otros parámetros, también puede usar onCellSelected
onSelectionChange = (sel) => { this.setState({selected:sel}); console.log(`slected:${sel}`) } onCellSelected = (sel) => { for (var k in sel) { console.log(`k:${k}, ${sel[k]}`) } } render() { return ( <ReactDataGrid columns={this.state.columns} rowGetter={this.rowGetter} rowsCount={this.state.rows.length} minHeight={400} onRowClick={this.onSelectionChange} onCellSelected={this.onCellSelected} }