Вызов handleSubmit в React из другого класса

Question

Итак, у меня есть класс с handleSubmit в нем, и я хочу вызвать его из другого моего файла по нажатию кнопки.

Есть идеи, как я могу sh это сделать?

Вот то, что я пробовал до сих пор:

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

    render() {
        return(


      <center>
      <a href="" onClick={this.Map.handleSubmit} className="btn btn-success ml-3">Continue  <span class="glyphicon glyphicon-arrow-right"></span></a>
      </center>

            </div>
      </div>
        );
    }
}

Итак, для тех, кто не понял, Map - это другой класс, о котором я говорю.

Answer 1

Я просто визуализирую его в своем классе карты!

Большое спасибо за помощь :)

Answer 2

Если Map - обычный класс, вам просто нужно сначала создать его новый экземпляр:

let map = new Map();

// Then access like this
onClick={map.handleSubmit}

Однако , если класс является реакционным компонентом , Я настоятельно рекомендую вам не использовать повторно функции таким образом, а вместо этого переместить функцию в отдельный файл, который могут импортировать оба компонента.

function handleSubmit() {
 // Do stuff
}

export default handleSubmit;

import handleSubmit from './handleSubmit`;

onClick={handleSubmit}