一些自定义的函数一般会放在对象中以字符串的形式存储,主要为了方便写自定义脚本,使用时需将其转换成函数来执行
写个例子
[
{
title: "操作",
color: "#1890ff",
key: "",
script: "function(record) { console.log('record', record); }"
}
]
将此函数执行
const onClickEvent = (record, item) => {
const { script } = item;
const runScript = new Function(`return ${script}`)();
runScript(record);
};
{
dataIndex: '',
key: '',
title: '操作',
render: (_, record) => (
<Space size="middle">
{arr.map((item, index) => {
return (
<a key={index} onClick={() => onClickEvent(record, item)} style={{ color: item.color }}>
{item.title}
</a>
);
})}
</Space>
)
}