javascript - react 的全局变量

Question

我不知道，如何使用全局变量。

我想将“this.props.topic.text”设为全局变量，以便在我项目的其他应用程序中使用它。我该怎么做？

export default class Topic extends Component {

  deleteThisTopic() {
    Topics.remove(this.props.topic._id);
  }

  test() {
  
  }
  render() {
    return (

      <Router>
    <div>
      <ul>
        <Link to="/sub"><li onClick={this.test.bind(this)}>{this.props.topic.text}  ARN:  {this.props.topic.arn}</li></Link>
        <Link to="/log"><button onClick={this.test.bind(this)}>S'inscrire</button></Link>
        <Link to="/"><button >Cacher</button></Link>
        <button onClick={this.deleteThisTopic.bind(this)}>Suprimer</button>
      </ul>

      <hr/>
      <Route exact path="/log" component={AppInscription}/>
      <Route exact path="/sub" component={AppSub}/>


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

Topic.propTypes = {

  topic: PropTypes.object.isRequired,
};

Answer 1

这是一个糟糕的想法，但在 React 中使用全局变量的最好/最简单的方法可能是将它放在 window 上。在组件中，您可以执行类似 window.topicText="some text" 的操作，然后在其他任何地方通过 window.topicText 访问它。

理想情况下，如果您有数据，并且在您的情况下可能处于状态，您需要在组件之间保持持久性，您应该查看类似 Redux 的内容。或 Flux .我更喜欢 Redux。