如何使用React创建和共享静态组件？

Question

我想创建一个单独的组件并将其包含在不同的组件中。一旦静态组件得到更新，它就应该更新它所包含的所有组件。如何实现这一目标？

var ActiveTag = React.createClass({
  getInitialState() { return {tag: ''}, 
  render() { return <span>{this.state.tag}</span> }} 
});

var PanelTitle = React.createClass({ render() { return <ActiveTag/> } })
var DocumentTitle = React.createClass({ render() { return <ActiveTag/> } })

ActiveTag.setState({tag: 'shared tag'}) // Both PanelTitle and DocumentTitle should update