What should I do when Antd/Zent uses Popover in Table/Grid?

problem description

as shown in the figure, there is a Popover pop-up window when you click Icon in Table rendering. The problem now is unified rendering and unified state management in render (bodyRender) . So when you change the visiable, all of them will be displayed. Of course, this is a very basic problem solution, and there are many ways to solve it. I would like to put aside the old methods and ask the gods for faster solutions. Thank you

clipboard.png

the environmental background of the problems and what methods you have tried

related codes

const columns = [{
    title: "()",
    dataIndex: "dailyBudget",
    render: record => (
        <Popover visiable={this.state.popUpState} title="Title">
           //...
        </Popover>,
    )
}]

what result do you expect? What is the error message actually seen?

Feb.02,2022

The condition of

visiable is wrong.

change visiable= {this.state.popUpState} to visiable= {this.state.dailyBudget = record.dailyBudget}

Menu