如何在本机反应中从子执行父函数？

Question

我需要执行导入的子函数的父函数。子组件是我的按钮视图。请帮助找到解决方案在父文件中：

export default function Home(props) {
    function test(){
        alert("asd")
    }

 <CardheaderSlider name="All" />
                        <CardheaderSlider name="English" />
                        <CardheaderSlider name="Mathematics" />
                        <CardheaderSlider name="Science" />
                        <CardheaderSlider name="Languages" />
                        <CardheaderSlider name="Activity Books" />
                        <CardheaderSlider name="E-Training" />
}

CardheaderSlider 文件

export default class CardheaderSlider extends React.Component {
    render() {
        return (
            <Pressable style={styles.button}>
                <Text style={{ color: "#fff", fontWeight: "bold" }}>{this.props.name}</Text>
            </Pressable>
        )
    }
}

Answer 1

您可以在 child 上添加 onPress 属性：

export default class CardheaderSlider extends React.Component {
    render() {
        return (
            <Pressable style={styles.button} onPress={() => this.props.onPress()}>
                <Text style={{ color: "#fff", fontWeight: "bold" }}>{this.props.name}</Text>
            </Pressable>
        )
    }

并这样称呼它：

<CardheaderSlider name="All" onPress={() => myFunction()}/>

如何在本机反应中从子执行父函数？

How to execute parent function from child in react native?

javascript

react-native

expo