我可以在React Native上為this.props.children添加額外的回調嗎？

Question

假設this.props.children [0]是來自父級的TouchableOpacity。

我想在這里添加額外的回調。 我想要什么？ 我找不到任何解決方案。

謝謝。

export default class NewClassXXX extends React.Component{

    render()
    {
        newchildren = React.Children.map(this.props.children, (child) => {
           //child is TouchableOpacity class in my code ***
           //I want to add LongPress callback by coding HERE. (like below)
           child.onLongPress = () => console.log('SUCESSS!!!'); //this code does not work.
           return child;
        }
        return {newchildren}
    }

Answer 1

使用React.cloneElement方法來實現這一點

export default class NewClassXXX extends React.Component{

    render()
    {
        newchildren = React.Children.map(this.props.children, (child) => {
           return React.cloneElement(child, {onLongPress: () => console.log('SUCESSS!!!')})
        }
        return {newchildren}
    }