小编Ram*_*van的帖子

我有两个js文件，一个是app.js，另一个是foo.js。我想在foo.js中访问app.js的状态。

App.js

class App extends React.Component {
  constructor(props) {
    super(props);
      this.state = {test:" None "};
  }

  function onChange(event) {
    this.setState({
      test: event.target.value,
    });
  }

 render() {
   return(
     <select onChange={this.onChange}>
       <option value="India">India<option>
       <option value="Australia">Australia<option>
     </select>
   );
 }
}
export default App;

现在我想在foo.js文件中访问以上状态（测试）。

Foo.js

class Foo extends React.Component {
  render() {
    /* Some magic happens */
    return(<h1>{this.props.test}</h1>);
  }
}

是Reactjs的新手。我该怎么做？预先感谢您的帮助。