reactjs - 使用 Material 表的动态工具提示

Question

使用 Material-Table，我似乎无法让一列显示动态工具提示值。我想让工具提示显示另一列的值。

import MaterialTable from 'material-table';
import '../App.css';
import Tooltip from '@material-ui/core/Tooltip';

function TableMasterBom (props) {
    const [projects, setProjects] = useState([]);

    async function getProjects() {
        const res = await fetch("http://localhost:5000/lookup");

        const projectArray = await res.json();

        setProjects(projectArray);
    }

    useEffect(() => {
    getProjects();
    }, []);


    return (
      <div>

        <MaterialTable
            columns={[
            { title: 'Price', field: 'price',  width: '5%', 
            Cell: dataRow => {
                return <Tooltip title={dataRow.price_date}>{dataRow.price}</Tooltip>
              },
            },
           { title: 'Price Date', field: 'price_date',  width: '5%', 
            }  

// rest of code

Answer 1

添加到 Lusine 的答案中，因为它会返回错误“[工具提示] TypeError:无法读取未定义的属性 'className'”
它应该是...

render: rowData => {
   return <Tooltip title={rowData.price_date}><span>{rowData.price}</span>
      </Tooltip>            
},

欲了解更多信息，请点击这里...
https://github.com/mui-org/material-ui/issues/18119