在react-admin中传递按钮的参数onClick可以通过以下步骤实现:
Button
组件或者其他适合的组件来实现按钮的样式和功能。onClick
属性,用于接收传递的参数。例如:import React from 'react';
import { Button } from 'react-admin';
const CustomButton = ({ onClick, label }) => {
const handleClick = () => {
// 在这里可以使用传递的参数进行相应的操作
onClick(label);
};
return (
<Button onClick={handleClick}>
{label}
</Button>
);
};
export default CustomButton;
onClick
属性传递参数。例如:import React from 'react';
import { List, Datagrid, TextField } from 'react-admin';
import CustomButton from './CustomButton';
const MyList = (props) => (
<List {...props}>
<Datagrid>
<TextField source="id" />
<TextField source="name" />
<CustomButton label="点击按钮" onClick={handleButtonClick} />
</Datagrid>
</List>
);
const handleButtonClick = (label) => {
// 在这里可以处理按钮点击事件,并使用传递的参数
console.log(`点击了按钮:${label}`);
};
export default MyList;
在上述代码中,我们通过handleButtonClick
函数来处理按钮的点击事件,并使用传递的参数。你可以根据实际需求进行相应的操作。
需要注意的是,以上代码只是示例,具体实现方式可能会根据你的项目结构和需求有所不同。
领取专属 10元无门槛券
手把手带您无忧上云