Javascript React Ant表自定义列计算。如何获取每行中其他项目的长度
我制作了一个应用程序,输出每个帖子的问题长度,但每个帖子的结果等于:Javascript React Ant表自定义列计算。如何获取每行中其他项目的长度,javascript,reactjs,html-table,antd,Javascript,Reactjs,Html Table,Antd,我制作了一个应用程序,输出每个帖子的问题长度,但每个帖子的结果等于:310 这可能是因为渲染太多。 如何解决这个问题并获得每个帖子的问题的真实长度 链接到我的应用程序:修复错误号码:不要推送,而是使用渲染的回调事件 Ant表API: const-App=()=>{ 常数res=[ …Object.keys(posts[0]).map(i=>{ 返回{ 标题:我,, 数据索引:i, 关键:我 }; }), { 标题:“问题”, 关键:“问题”, 呈现:e=>{ console.log(e);//对
310
这可能是因为渲染太多。如何解决这个问题并获得每个帖子的问题的真实长度
链接到我的应用程序:修复错误号码:不要推送,而是使用渲染的回调事件 Ant表API:
const-App=()=>{
常数res=[
…Object.keys(posts[0]).map(i=>{
返回{
标题:我,,
数据索引:i,
关键:我
};
}),
{
标题:“问题”,
关键:“问题”,
呈现:e=>{
console.log(e);//对象{title:1,id:“123”}
返回(
{questions.filter(q=>q.id_post.toString()==e.id).length}
);
}
}
];
回来
};
@问:你能说得更具体一点吗?在线演示似乎很正常,这是否回答了您的问题?
const App = () => {
const res = [
...Object.keys(posts[0]).map(i => {
return {
title: i,
dataIndex: i,
key: i
};
}),
{
title: "Questions",
key: "Questions",
render: e => {
console.log(e); // Object {title: 1, id: "123"}
return (
<Router>
<Link to={`demo/${e.id}/url`}>
{questions.filter(q => q.id_post.toString() === e.id).length}
</Link>
</Router>
);
}
}
];
return <Table columns={res} dataSource={posts} />;
};