How to transfer the component click event from react map to store by index

this is the Table component

{this.props.tableData.map((item, index) => {
    return (
    <tr key={index}>
        <td>{item.id}</td>
        <td>{item.name}</td>
        <td>{item.price}</td>
        <td onClick={this.props.handleClick}></td>
    </tr>)
})}

this is the parent component that invokes the Table component

<TableCom title={["id", "name", "price",""]} 
    tableData={this.props.reduxTableList}
    handleClick={this.props.changeTable}>
</TableCom>

const mapDispatch = (dispatch) => {
    return {
        changeTable(){
            dispatch(reduxTableState())
        }
    }
}

this is store"s reducer

export default (state = defaultState, action) => {
    if (action.type === "changeTable") {
        console.log(666)
        return newState
    }

I want to change the state value of table in store. I need to know which one to click on in store, so I need to know index
< td onClick= {this.props.handleClick (index)} > modify < / td > this will not work

Jun.25,2021

< td onClick= {this.props.handleClick.bind (this,index)} > modify < / td >
< td onClick= {() = > this.props.handleClick (index)} > modify < / td >

const mapDispatch = (dispatch) => {
    return {
        changeTable(index){
            console.log(index)
            dispatch(reduxTableState())
        }
    }
}

answer last,

export const reduxTableState = (index) => {
    return {
        type: constants.TABLE_STORE,
        index
    }
}

if you go to store, you can get index from action

.
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1bee491-31438.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1bee491-31438.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?