将onClick处理程序函数编辑为节点模块中的function元素，该节点模块引用顶层组件文件中的支柱中的函数
将onClick处理程序函数编辑为节点模块中的function元素，该节点模块引用顶层组件文件中的支柱中的函数
提问于 2021-06-27 12:05:23
我使用coreui CDataTable来呈现一个表。
return (
<CDataTable
items={data}
fields={fields}
...
/>
)一切都进展顺利。但是，我需要在CDataTable组件的标题中添加一个按钮，用于下载客户端的excel文件。我注意到CDataTable没有在表头中添加额外按钮的功能，所以我决定直接编辑节点包。据我所知。组件在两个文件中被引用
在index.d.ts中：
interface CDataTable {
...
loadingSlot?: ChildElement;
loading?: boolean;
fields?: Array<any>;
...
}在CDataTable.js里
var CDataTable = function CDataTable(props) {
var _ref2;
var innerRef = props.innerRef,
overTableSlot = props.overTableSlot,
columnHeaderSlot = props.columnHeaderSlot,
sortingIconSlot = props.sortingIconSlot,
........我使用他们的CButton组件在报头中添加了一个额外的按钮，并给该按钮一个onClick函数：
React.createElement(CButton, {
className: "btn btn-primary mfe-2 excel-button",
onClick: function onClick(e) {
excelFunc(e)
}
}, "Excel indir")
var excelFunc = function excelFunc() {
excelButton && excelButton()
}我还分别将此函数添加到了各种类型中：
excelButton = props.excelButton;-
excelButton: PropTypes.func以及在TS文件中
excelButton?: Function;按钮正确呈现。然而，当我传递一个简单的函数时，道具：
...
excelButton = {() => console.log("hi")}我得到一个错误，它说excelButton没有定义。这里有什么问题？
回答 1
Stack Overflow用户
发布于 2021-06-27 15:32:36
在尝试不同的方法之后..。
- 我添加了excelButton作为道具：
props.excelButton; = excelButton
- 和组件proptype对象中也包括：
PropTypes.func：excelButton
- ，然后我要做的是在onClick事件中调用
excelButton作为函数：
React.createElement(CButton，{ className："btn主mfe-2 Excel-按钮“)，onClick:函数onClick() { excelButton() }，"Excel”)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68150980
复制相关文章
相似问题
腾讯云开发者
