Вызов родительской функции из дочернего компонента не работает - PullRequest
Новая
       302

Вызов родительской функции из дочернего компонента не работает

0 голосов
/ 03 мая 2019

У меня есть 2 компонента родительский (LoginScreen) и дочерний (RegistrationSection). Дочерний компонент имеет кнопку onClick. Когда пользователь нажимает кнопку, мне нужно запустить функцию из родительского компонента, и это не работает для меня. У меня есть следующий код

Я хочу вызвать родительскую функцию из дочернего компонента

Родитель 

import React, {Component} from 'react';
import Wallpaper from './Wallpaper';
import SignupSection from './SignupSection';

export default class LoginScreen extends Component {
   constructor(props) {
     super(props)
   }

   childcall()
   {
     alert("hello , this call from child component");
   }

   render() {
     return (
      <Wallpaper>
      <SignupSection 
        childcall ={this.childcall.bind(this)} 
      />
      </Wallpaper>
      );
    }
   }

Дети 

import React, {Component} from 'react';
import PropTypes from 'prop-types';
import {StyleSheet, View, Text} from 'react-native';


export default class SignupSection extends Component {
    constructor(props) {
       super(props)
    }
    componentWillMount()
    {

    }

    render() {
       return (
          <View style={styles.container}>
            <Text style={styles.text}  onClick={()=>this.props.childcall()}>Create Account</Text>
           <Text style={styles.text}>Forgot Password?</Text>
          </View>
       );
    }
 }

1 Ответ

0 голосов
/ 03 мая 2019

Текст не имеет onClick. Существует только onPress, или вам следует заключить текстовый компонент в TouchableOpacity , а затем вызвать обратный вызов внутри onPress

Исправлено: 

return (
         <View style={styles.container}>
            <Text style={styles.text}  onPress={()=>this.props.childCall()}>Create Account</Text>
           <Text style={styles.text}>Forgot Password?</Text>
          </View>
       );
...