reactjs - 如何在 PivotItem 标头上添加 buttonclick - React

Question

我想添加按钮单击数据透视列表的标题文本。我添加了headerButtonProps，但它不起作用。

<PivotItem headerText={"abc"} className="def"  headerButtonProps={{onClick: ()=>{  alert("abc123") } }} >
                        <HorizontalStack  className="list">
                            
                        </HorizontalStack>                        
</PivotItem>

Answer 1

在列表 jsx 文件中创建所需的功能，然后将其作为道具传递给项目组件。

// PivotList.jsx


const handleClick = () => {
    console.log("hi!")
}

return (
    <PivotItem handleClick={handleClick} />
)

// PivotItem.jsx

export const PivotItem = ({handleClick}) => {
    return (
       <Component onClick={handleClick} />
    )
}

我希望你能找到解决办法！