英文:
is it possible to add two datasourse attribute in a single antd table?
问题
在这段代码中，我有两个选择器的值。我想在单个表格中使用它们。我应该如何使用它们？
const FilingsTable = () => {
const selectorValue = useRecoilValue(filingsSelector);
const financialyearSelectorValue = useRecoilValue(financialyearSelector);
return (
<div>
<Table columns={FilingsColumns} dataSource={financialyearSelectorValue} />
</div>
)
}
export default FilingsTable;
英文:
In this code, I have two selectors value. I want to use it in single table. how can i use it?
const FilingsTable = () =>{
const selectorValue=useRecoilValue(filingsSelector);
const financalyearSelectorValue=useRecoilValue(financialyearSelector);
return(
<div>
<Table columns={FilingsColumns} dataSource={financalyearSelectorValue} />
</div>
)
}
export default FilingsTable;
答案1
得分: 1
以下是代码的翻译部分：
你可以合并数据并将其作为数据源传递给表格。
注意：我假设数据类型是数组，而且两个数据源具有相同的键名。
const FilingsTable = () => {
const selectorValue = useRecoilValue(filingsSelector);
const financalyearSelectorValue = useRecoilValue(financialyearSelector);
const data = [...selectorValue, ...financalyearSelectorValue];
return (
<div>
<Table columns={FilingsColumns} dataSource={data} />
</div>
);
};
export default FilingsTable;
英文:
You can merge data and pass it as a data source to table.
Note: I suppose the data type is of array and both data sources have same keys
const FilingsTable = () =>{
const selectorValue=useRecoilValue(filingsSelector);
const financalyearSelectorValue=useRecoilValue(financialyearSelector);
const data = [...selectorValue, ...financalyearSelectorValue]
return(
<div>
<Table columns={FilingsColumns} dataSource={data} />
</div>
)
}
export default FilingsTable;
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论