我可以在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}
    }