- When mouse hover a row, I want to render a few buttons(edit/delete) to append to a row cell.
It can be implemented like below.
Change two functions of the file 'TableRow.jsx'
onMouseEnter(event) {
const { onHover, hoverKey, record, index, onRowHover } = this.props;
onHover(true, hoverKey); //it's a inner function
onRowHover(record, index, event);
},
onMouseLeave(event) {
const { onHover, hoverKey, onRowHover } = this.props;
onHover(false, hoverKey);
onRowHover(null, null, event);
},
It can be implemented like below.
Change two functions of the file 'TableRow.jsx'
onMouseEnter(event) {
const { onHover, hoverKey, record, index, onRowHover } = this.props;
onHover(true, hoverKey); //it's a inner function
onRowHover(record, index, event);
},
onMouseLeave(event) {
const { onHover, hoverKey, onRowHover } = this.props;
onHover(false, hoverKey);
onRowHover(null, null, event);
},