期望一个赋值或 function 调用，而是看到一个表达式 no-unused-expressions - React Js Crud

Question

我想使用它的 id 激活表中的删除按钮。 这是一个 crud 应用程序，我为“编辑”和“添加”操作编写了这段代码，我为删除一行（产品）编写了这段代码。 但我得到一个错误：“预期一个赋值或 function 调用，而是看到一个表达式 no-unused-expressions”。 我哪里有错误？ 我是否正确编写了 onClick 事件？

const Products = () => {
const[products, setProducts] = useState([]);
useEffect(() => {
loadProducts();
},[]);

const loadProducts  = async () => {
    const result = await axios.get("http://localhost:3001/products");
    setProducts(result.data);
};

const deleteUSer = async id => {
await axios.delete(`http://localhost:3001/products/${id}`);
loadProducts();
}

<Link className='btn btn-otline-primary m-2' to={`/product/edit/${product.id}`}>Edit</Link>
<Link className='btn btn-danger m-2' onClick={()=>{deleteUSer}}>Delete</Link>

Answer 1

你错过了你的deleteUser

它应该被明确地称为：

<Link className='btn btn-danger m-2' onClick={()=>{deleteUSer()}}>Delete</Link>

或者含蓄地喜欢：

<Link className='btn btn-danger m-2' onClick={deleteUSer}>Delete</Link>