Задать вопрос
@uzi_no_uzi
react

Как передать функуцию, которая ожидает аргументы в другой компонент?

Сделал простой пример, правильно ли я передаю функцию дочернему компоненту?

В моем реальном проекте это почему-то не работает, хотя я передаю по такой схеме: родительский компонент => дочерний => еще один дочерний

import React from 'react';

class Component1 extends React.Component {
  constructor() {
    this.func = (category) => {
      //do something
    }
  }
  
  render() {
    <Component2 onOpen={this.func} />
  }
}


class Component2 extends React.Component {
  constructor() {

  }
  
  render() {
    <div onClick={() => {this.props.onOpen('web')}}> </div>
  }
}
  • Вопрос задан
  • 100 просмотров
2 комментария
Подписаться 2 Простой 2 комментария
Решения вопроса 1
MrDecoy
@MrDecoy
Верставший фронтендер
Пропустили передачу props в конструктор, вызов super(props), метод объявляется немного иначе и пропустили return в render.
Не проверял на работоспособность, но должно быть как-то так:
import React from 'react';

class Component1 extends React.Component {
    constructor(props) {
        super(props);
        this.func = this.func.bind(this);
    }

    func(name) {
        console.log(`I am ${name}`);
    }

    render() {
        return ( <Component2 onOpen = {this.func}/>)
    }
}


class Component2 extends React.Component {
    constructor(props) {
        super(props);
    }

    render() {
        return (
            <div onClick={() => {this.props.onOpen('Groot')}}> Who am i ? </div>
        )
    }
}
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
React разработчик
Uptrade
от 150 000 до 200 000 ₽
JS|React Native разработчик
Венста • Киров
от 60 000 до 120 000 ₽
Senior React Developer
DARS • Москва
от 200 000 до 300 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Повысить оригинальность работы с 14% до 70%
25 апр. 2024, в 23:14
1600 руб./за проект
Доработать приложение - интегрировать виджет TODOs
25 апр. 2024, в 22:44
5000 руб./за проект
Доделать проект - расширение для Whatsapp (Chrome)
25 апр. 2024, в 22:33
15000 руб./за проект
Ещё заказы