Necesito ejecutar la función principal desde el elemento secundario que se importa. El componente secundario es mi vista de botón. Por favor, ayude a encontrar una solución en el archivo principal:
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" /> }Archivo 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> ) } }Puede agregar el atributo onPress en su hijo:
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> ) }Y llámalo como:
<CardheaderSlider name="All" onPress={() => myFunction()}/>