如何在另一个reactjs文件中使用一个reactjs文件的道具

Question

我需要将道具从一个文件转移到另一个文件。 我有App.js文件，其中包含以下代码

import React, { Component } from 'react';
import {graphql, QueryRenderer} from 'react-relay';
import environment from './environment';
import Toolbar from './components/Toolbar';

class App extends Component {

  render() {
    return (
        <select onChange={this.props.onSelectionChange} value = {this.props.text}>
            <option value="India">India</option>
            <option value="Australia">Australia</option>
        </select>
    );
  } 
}

和另一个名为map.js的文件，看起来像：

 import App from './App';

 class PublicMap extends React.Component {

        constructor(props) {
        super(props);
        this.state = {
            text: 'India'
        };
        this.handleText = this.handleText.bind(this);
      }

      handleText(event) {
       const value = event.target.value;
       this.setState({ text: value });
     }

        render() {
          return (
            <div>
              <App text={this.state.text} onSelectionChange={this.handleText}/>
            </div>
        );
      }
    }

但是App.js文件中的map.js文件没有任何价值，请提供帮助。 预先感谢