文档说： https: //mui.com/components/data-grid/columns/
如果列类型是“actions”，则需要提供一个 getActions 函数，该函数返回每行可用的操作数组（React 元素）。您可以在返回的 React 元素上添加 showInMenu 属性，以通知数据网格将这些操作分组到行菜单中。
Run Code Online (Sandbox Code Playgroud){ field: 'actions', type: 'actions', getActions: (params: GridRowParams) => [ <GridActionsCellItem icon={...} onClick={...} label="Delete" />, <GridActionsCellItem icon={...} onClick={...} label="Print" showInMenu />, ] }
如何通过 props onClick 处理程序传递？
<DataGrid deleteHandler={...} printHandler={...} />
我是react/redux的新手,但可以为我的应用程序实现一些简单的addProduct表单.今天我尝试用这个基本演示中的Formik替换它,但是我不知道我应该在哪里放置"调度"功能(我在任何地方都尝试过).
可能是我以错误的方式使用连接？
我的新组件与Demo完全相同,只不过我用productName(以及其他附加字段)替换了电子邮件.但我无法理解如何将"值"从Formik传递到Redux商店.
我的旧表单组件,没有Formik,看起来像这样:
import React from 'react';
import { connect } from 'react-redux';
import { addProduct } from '../actions';
const AddProduct0 = ({ dispatch }) => {
let inputSKUNumber;
let inputProductName;
return (
<div>
<input
ref={(node) => {
inputSKUNumber = node;
}}
placeholder="SKU Number"
/>
<input
ref={(node) => {
inputProductName = node;
}}
placeholder="Product name"
/>
<button
onClick={() => {
dispatch(addProduct({ SKUNumber: inputSKUNumber.value, name: inputProductName.value }));
inputSKUNumber.value = '';
inputProductName.value = '';
}}
> …