Невозможно вызвать дочернюю функцию props

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

class Home extends Component {
  constructor(props) {
    super(props);
    this.Quiz = this.getQuizpopup.bind(this); //Function I want to call 

    this.state = {
      latitude: LATITUDE,
    }

  };
}

А в дочернем компоненте я использую для вызова функции следующим образом

<View>
  <Button onPress = {this.props.Quiz()} buttonStyle = {styles.buttonStyle} title = "MpTest" />
</View>

Я получаю сообщение об ошибке Невозможно вызвать дочернюю функцию props

должен быть this.Quiz - так как вашей функции викторины нет в реквизите

— 01.12.2018 17:04

Можете ли вы добавить полный код из компонента Home?

— 01.12.2018 17:04

javascript function react-native react-props

01.12.2018 16:59

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

213

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

вам нужно передать реквизиты, чтобы использовать эту функцию в дочернем компоненте.

class Parent extends Component{
quiz = () => {
  //function you want to call
}
render(){
return(
  <Child quiz = {this.quiz}> //passing quiz function as prop to child component 
)
}}

01.12.2018 17:54

Ответ принят как подходящий

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

Ваш код должен выглядеть так:

class Home extends Component {
   constructor(props) {
     super(props);
     this.Quiz = this.getQuizpopup.bind(this); //Function I want to call 
     this.state = {
      latitude: LATITUDE,
     }
  }

  Quiz = () => {
    //button click handler.
  }

  render () {
     return (
        <Child
           onQuizButtonClick = {this.Quiz} />
     ) 
  }
}

а у вашего ребенка код должен быть:

  <Button onPress = {() => this.props.onQuizButtonClick()} buttonStyle = {styles.buttonStyle} title = "MpTest" />

01.12.2018 17:55

Другие вопросы по теме

Объем res в node.js

Как получить значения из внутренней функции в nodejs

Определение переменной, а затем изменение ее статуса в программе

Возврат функции, которая использует переменную, объявленную в родительской функции

Создать идентификатор автоинкремента с текущим годом - PHP

C++ - Как использовать функцию в структуре?

Вставить разрыв строки в функцию php

Передача тела HTTP от одной функции к другой nodeJS

Эта функция не вызывается, не так ли?

Использование функции в функции - Python

Невозможно вызвать дочернюю функцию props

Ответы 2

Другие вопросы по теме

Похожие вопросы