我正在使用的材料表库是基于Material-UI表的数据表。
数据表具有可编辑的属性,并在同一表中添加了一条新记录,但我不想在同一表中这样做。
我需要使用一个按钮,因为我希望它打开一个材质UI菜单。但是,我不知道如何添加链接或类似内容。
我尝试使用以下代码段进行了尝试,但它告诉我即使很重要也未定义Link
import React,{ useState,useEffect } from 'react';
import MaterialTable from 'material-table';
import EditIcon from '@material-ui/icons/Edit';
import { IconButton } from '@material-ui/core';
import axios from 'axios';
import { Link} from 'react-router-dom';
export default function TableProducts() {
const url='/api/products';
const [product,setProduct]= useState({Products:[]});
useEffect(()=>{
const getProduct=async()=>{
const response =await axios.get(url);
setProduct(response.data);
}
getProduct();
},[]);
return (
<MaterialTable
title="Products"
columns={[
{title: 'id',field: 'id',type: 'numeric',hidden:'false'},{ title: 'nameproduct',field: 'nameproduct',},{ title: 'description',field: 'description' },{ title: 'price',field: 'price' },]}
data={product.Products}
options={{
filtering: true,sorting: true
}}
actions={[
{
icon: 'edit',tooltip: 'Edit ',onClick: () =>
<Link to={`/product/${data._id}/edit`}>Edit</Link>
}
]}
/>
);
}
我想完成这样的事情
<Link
to={`/product/edit/${product.id}`}
classname="btn btn-success mr-2">Editar
</Link>