React 如何在 material ui table 中固定 up/show/poster 带有可见图标(眼睛)的按钮?

React How do you pin up/show/poster a button with visibility icon (eye) in material ui table?

我想在 React 中显示一个像我的草图一样有眼睛的绿色按钮 green button the goala . I did my table material-ui from material-ui website. However I can't pin up my <IconButton><Visibility/></IconButton> in my websitemywebsitewiththetick。我关注了很多视频都没有成功。我在我的 table 中尝试了不同的值,但这个值显示为 V(打勾)。

code code

我输入 "import" :

import React from 'react'; import MaterialTable from 'material-table'; import IconButton from 'material-ui'; import { Visibility } from '@material-ui-icons';

请问你怎么看?

祝你有美好的一天

视频: https://www.youtube.com/watch?v=Vj27n1ekPJY

图标可见性material-ui: https://material-ui.com/components/material-icons/

table material-ui 在代码沙箱中: https://codesandbox.io/s/material-demo-yet69?file=/index.js

enter image description here

我使用自己的代码笔 html css 和 javascript babel。我将 js 文件更改为 jsx file.My 表有效。我已经 done.I 找到了答案。