Javascript 如何向React Js中的特定列添加onClick功能？

我有一个datagrid，其中有一列名为File\u link。我想向该字段添加功能，这样当用户单击该单元格时，它应该打开react player并将该单元格值作为url传递给react player。我已经创建了react播放器和datagrid

例如： 在图像中有两个链接。当用户单击任何链接时。Reactplayer应将该链接作为url值获取并打开Reactplayer

<ReactPlayer
        ref={playerRef}
        width={"100%"}
        height={"100%"}
        url="xyz" -----> the value of the cell should be passed to this.
        muted={muted}
        playing={playing}
        volume={volume}
        playbackRate={playbackRate}
        onProgress={handleProgress}
      />

单元格的值应传递给此。
静音={muted}
播放={播放}
卷={volume}
播放速率={playbackRate}
onProgress={handleProgress}
/>

//表的数据
const datafortable=this.state.recordingdata1.map（（mapvalue，index）=>{
返回{
id=索引+1，
应用程序：mapvalue.applicationname，
文件链接=，
}
})
//列配置的数据
ColConfig=[
{
数据键：'id'，
标签：'id'，
宽度：50，
数据类型：'number'；
},
{
datakey:“应用程序”，
标签：'应用'，
宽度：50，
数据类型：'string'；
},
{
数据键：'File_Link'，
标签：“文件链接”，
宽度：50，
数据类型：'string'；
}
]
//呼叫台
//table.js中的datagrid

在组件的this.state中维护一个URL，使用this.setState（）对其进行更改，当包含播放器时，编写如下内容：

<ReactPlayer url={ this.state.url } /> 


  onClicked() {
   this.setState({url:event.target.value}
}

     const datafortable = this.state.recordingdata1.map((mapvalue,index) => {
return{
    id=index+1,
    application:mapvalue.applicationname,
    File_Link=<a target ="_blank" href={mapvalue.File_Link} onClick = {this.onClicked}></a>,
}
})

onClicked（）{
this.setState（{url:event.target.value}
}
const datafortable=this.state.recordingdata1.map（（mapvalue，index）=>{
返回{
id=索引+1，
应用程序：mapvalue.applicationname，
文件链接=，
}
})

Hi.Chnage状态将在onchange事件或onclick事件上执行。如何在该单元格上应用onclick事件单击？？onClickHandler=（event）=>{this.setState（{event.target.value}}）请查找问题中的更新代码。我无法在文件链接中应用onclick。请告知。另外，文件链接是一个数组

<ReactPlayer url={ this.state.url } /> 


  onClicked() {
   this.setState({url:event.target.value}
}

     const datafortable = this.state.recordingdata1.map((mapvalue,index) => {
return{
    id=index+1,
    application:mapvalue.applicationname,
    File_Link=<a target ="_blank" href={mapvalue.File_Link} onClick = {this.onClicked}></a>,
}
})