在 Table 中添加 Modal on View 按钮

Question

我想在 table 的视图按钮上添加一个模式，当我单击查看按钮时，我只想将全名和部门视为模态

如何在此 table 和 select 特定数据上添加模式

这是我的源代码

Answer 1

创建一个新的状态挂钩

const [modelState, setModelState] = useState({
    showModel: false,
    data: null
 })

同时更新点击视图的状态

onClick={() =>
   setModelState({ showModel: true, data: row })
}

并设计您的模型组件并在 JSX 中声明它

 {modelState.showModel && (
    <div>Model here {console.log(modelState.data)}</div>
  )}

Adding Modal on View button in Table