在另一个Component中调用一个在React中返回一些值的方法

时间:2019-12-29 13:21:14

标签: reactjs react-native react-redux react-router

我在react中有两个独立的组件,我想在第一个组件中调用一个方法,该方法将Some值返回给另一个组件。

import React from 'react';
export default class A extend React{
    constructor(props){
     super(props);
    }

    getName = () =>{
       var name = "MyName";
       return name;
    }
    render(){
      //Some code to render
    }
}

现在在组件B中要调用方法getName(),以便它返回要在组件B中使用的名称。

import React from 'react';
export default class B extends React{
    constructor(props){
     super(props);
    }
    getName = () =>{
      //Want to call the getName method of component A here
    }

    render(){
      //Some code to render
    }

}

1 个答案:

答案 0 :(得分:1)

使用React提升状态。

这是官方文档。

Lifting State Up