Блог

Главная - Вопросы по программированию - Я хочу установить в качестве обратного вызова (в App.js ) для дочернего компонента кнопки

Я хочу установить в качестве обратного вызова (в App.js ) для дочернего компонента кнопки

#reactjs #class #callback

#reactjs #класс #обратный вызов

Вопрос:

Я думал, что это будет просто, но это уровень выше моего текущего опыта реагирования, поэтому любая помощь приветствуется.

Приложение — это функция, карта мира — это класс, как и кнопка

   import WorldMap from "./WorldMap";
  import Button from "./Button";

  function App(data) {
  ...

  {/* filterMarkers is in class comp WorldMap */}
  <WorldMap width={dimensions.widthUsed} />

  {/* i thought WorldMap.filterMarkers would work here */}
  <Button
    label="Filter by:"
    value="Brazil"
    filterBy="team1"
    groupBy="team1"
    onClickFunction={() => WorldMap.filterMarkers}
  />
  ...
  }

Комментарии:

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

2. по сути, вам нужно вызвать функцию () => WorldMap.filterMarkers(), но сначала прочитать комментарий @HMR

3. Спасибо @HMR amp; roy. Наверное, я озадачен перечислением состояния, поскольку я смешиваю функциональные и классовые компоненты. Если я использую контекст, кажется, мне нужно изменить все компоненты?

Метки: