如何增加按钮点击PivotItem表头- React

cwtwac6a 于 2023-01-31 发布在 React

关注(0)|答案(1)|浏览(107)

我想添加按钮，只单击透视表列表的标题文本。我已经添加了headerButtonProps，但它不工作。

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

react-native

来源：https://stackoverflow.com/questions/70486918/how-to-add-buttonclick-on-pivotitem-header-react

1条答案

按热度按时间

t3irkdon1#

在list jsx文件中创建所需的函数，然后将其作为prop传递给item组件。

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

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

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

希望你能找到解决办法！

赞(0）回复(0）举报 2023-01-31

我来回答

如何增加按钮点击PivotItem表头- React

1条答案

相关问题

热门标签

最新问答