从另一个 class 调用 React 中的 handleSubmit

Question

所以我有一个带有 handleSubmit 的 class，我想通过单击按钮从我的其他文件中调用它。

关于如何实现它的任何想法？

这是我到目前为止尝试过的方法：

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 的人来说是另一个 class 我在说什么。

Answer 1

如果 Map 是一个普通的 class，您只需要先为其创建一个新实例：

let map = new Map();

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

但是，如果class是一个反应组件，我强烈建议你不要那样重用函数，而是将函数移到它自己的两个组件都可以导入的文件。

function handleSubmit() {
 // Do stuff
}

export default handleSubmit;

import handleSubmit from './handleSubmit`;

onClick={handleSubmit}

Answer 2

我只是在我的地图中渲染它 class！

非常感谢您的帮助:)

从另一个 class 调用 React 中的 handleSubmit

Call handleSubmit in React from another class

class

function

event-handling

reactjs

mern